Sebilangan besar halaman hari ini dibentangkan menggunakan lapisan (div), jadi masalah menjajarkan laman web ke tengah tetingkap penyemak imbas dikurangkan menjadi tugas memusatkan lapisan yang menentukan lebar kawasan halaman yang dapat dilihat. Untuk meletakkannya di tengah-tengah tetingkap, perlu menetapkan tetapan yang sesuai untuk elemen induknya, atau untuk blok ini sendiri.
Ia perlu
Pengetahuan asas bahasa HTML dan CSS
Arahan
Langkah 1
Letakkan lapisan yang ingin anda letakkan di tengah-tengah tetingkap, di antara bahagian pembuka dan penutup tag tengah, jika anda ingin melakukannya hanya dengan menggunakan cara bahasa HTML (HyperText Markup Language - "hypertext markup language"). Kami akan menganggap bahawa induk lapisan yang menentukan sempadan halaman adalah badan halaman ini. Versi paling mudah dari kod HTML menggunakan tag tengah dalam kes ini mungkin kelihatan seperti ini:
Halaman tengah
teks halaman
Langkah 2
Sekiranya anda ingin menggunakan CSS (Cascading Style Sheets) untuk meluruskan halaman ke tengah, gunakan ukuran padding automatik dari sempadan tetingkap penyemak imbas. Ukuran margin dalam CSS ditentukan oleh parameter margin. Keluarkan tag tengah dari sampel sebelumnya dan tambahkan parameter margin 0 auto ke atribut gaya lapisan yang menentukan lebar halaman:
Halaman tengah
teks halaman
Langkah 3
Sudah tentu, definisi gaya boleh dikeluarkan dari atribut gaya dan diletakkan di dalam fail luaran atau di kepala dokumen (antara dan tag). Dalam kes ini, kod yang sama akan kelihatan seperti ini:
Halaman tengah
#pageFrame {
lebar: 700px;
tinggi: 400px;
latar belakang: # 0BB;
margin: 0 automatik;
}
teks halaman
