Fiksēta platuma izkārtojumus var būt grūti centrāties ar dažiem populārākajiem pārlūkiem, kas pastāv, bet tas ir iespējams, tikai ar dažām koda rindām.
Lūk, kā
- HTML redaktorā izveidojiet jaunu tīmekļa lapu ar CSS stilu tabulu.
- Izveidojiet div elementu kā galveno elementu lapā, kurā jūs visu saglabājat lapā.
- Dodiet šim div elementam ID, kas lapā ir unikāls.
- Atveriet savu CSS stila lapu un iestatiet div elementa platumu. div # galvenais (platums: 750 pikseļi; }
- Pievienojiet automātiskas rezerves, lai centrātu divu. div # galvenais (platums: 750 pikseļi; margin-left: auto; margin-right: auto}
- Lai to novērstu, lietojot Netscape 4 un IE 4 - 6 ( nepieradinātā režīmā ), pievienojiet ķermeņa tekstlīniju. ķermenis {text-align: centrs; }
- Bet tad viss teksts iekšā ir centrā, tādā veidā pārkārtojiet tekstu jūsu #main div, pievienojot tekstu-izlīdzināt: pa kreisi; tur. div # galvenais (platums: 750 pikseļi; margin-left: auto; margin-right: auto; teksta izlīdzināšana: pa kreisi; }
- Saglabājiet savu lapu un savu stilu lapu.
- Pārbaudi vairākās tīmekļa pārlūkprogrammās.
Padoms
Tas centīsies izkārtojuma lodziņu, bet ne saturu tajā. Izmantojiet teksta izlīdzināšanu, lai centrāstu iekšējo saturu.