Susun atur lebar tetap boleh menjadi sukar untuk memusatkan dengan beberapa penyemak imbas popular di luar sana, tetapi mungkin, dengan hanya beberapa baris kod.
Di sini & # 39; s Bagaimana
- Buat halaman Web baru dengan lembaran gaya CSS dalam editor HTML anda.
- Buat elemen div sebagai elemen utama pada halaman di mana anda akan menyimpan segala-galanya di halaman.
- Berikan elemen div itu sebagai ID yang unik pada halaman.
- Buka helaian gaya CSS anda dan tetapkan lebar elemen div anda. div # main {width: 750px; }
- Tambah margin automatik untuk memusatkan div anda. div # main {width: 750px; margin-left: auto; margin-right: auto}
- Untuk membetulkannya untuk Netscape 4, dan IE 4 - 6 ( mod quirks ) menambah teks-align pada badan. badan {text-align: center; }
- Tetapi kemudian semua teks di dalamnya berpusat, jadi selaraskan semula teks dalam div #main anda dengan menambah teks-align: kiri; di sana. div # main {width: 750px; margin-left: auto; margin-right: auto; teks-align: left; }
- Simpan halaman anda dan helaian gaya anda.
- Uji dalam beberapa pelayar web.
Petua
Ini akan memusatkan kotak susun atur tetapi bukan kandungan di dalamnya. Gunakan teks-align untuk memusatkan kandungan dalaman.