Poravnajte Spletno Mesto Na Sredino

Kazalo:

Poravnajte Spletno Mesto Na Sredino
Poravnajte Spletno Mesto Na Sredino

Video: Poravnajte Spletno Mesto Na Sredino

Video: Poravnajte Spletno Mesto Na Sredino
Video: Установка маяков под штукатурку. Углы 90 градусов. #12 2024, November
Anonim

Pri kodiranju se mora spletni skrbnik zelo potruditi, da je spletno mesto videti enako dobro v različnih ločljivostih zaslona. Najboljša rešitev je centriranje vse vsebine na strani.

Poravnajte spletno mesto na sredino
Poravnajte spletno mesto na sredino

Navodila

Korak 1

Način poravnave na sredino je odvisen od načina postavitve. Uporabite lahko oznake oz

… Seveda je lažje zaviti vso vsebino v oznako, vendar je že zdavnaj zastarela in ni nobenega zagotovila, da bo vse delovalo pravilno. Najsodobnejši način je uporaba tehnologije CSS.

2. korak

Oznaka loči del kode v en blok, kar vam omogoča spreminjanje videza vsebine, tako da fragment dobi eno pisavo, barvo, ozadje itd. Pri postavitvi bloka je vsa vsebina oznake postavljena v oznako. V tem primeru nastavimo poravnavo z atributom align. Videti bo tako:

Vsebina spletnega mesta

3. korak

Centriranje lahko nastavite tudi z orodji CSS. Če želite to narediti, morate ustvariti ločeno datoteko s slogi ali vse postaviti v isto datoteko HTML v oznako. Koda bo videti tako:

* {marža: 0; oblazinjenje: 0;}

telo {

poravnava besedila: sredina;

}

div {

širina: 700px;

marža: 0 samodejno;

}

4. korak

Pri postavitvi tabele je centriranje nastavljeno s pomočjo tabel v oznaki

… Koda bo taka: <tabela strani

… Tabela bo na sredini strani, prav tako pa tudi njena vsebina. Širino katerega koli bloka lahko nastavite tudi tako, da ga določite s parametrom širine.

5. korak

Pri izbiri širine strani ne pozabite, da se ločljivosti zaslona uporabnikov lahko zelo razlikujejo od vaše. Včasih, da vas ne bi zamenjali z velikostjo, nastavite vse v odstotkih. To je še posebej koristno, če imate preprosto spletno mesto.

6. korak

Katero koli metodo uporabite, se prepričajte, da vaše spletno mesto deluje pravilno v vseh brskalnikih. Če je iz katerega koli razloga napačno prikazan v enem od njih - to navedite.

Priporočena: