Kandungan

• Arahan
• Bagaimana untuk menyelaraskan teks
• kiri {
• betul {
• pusat {
• Bagaimana memusatkan perpecahan, bahagian kontur dan badan
• Bagaimana
• Apa yang anda perlukan

Daripada menggunakan atribut penyelarasan HTML yang terkandung dalam tag HTML yang menandakan teks, lebih baik bagi pereka web untuk memindahkan maklumat persembahan (pilihan penjajaran) ke helaian gaya. Artikel ini akan menerangkan cara menyelaraskan teks dan bagaimana untuk memusatkan elemen halaman yang lebih besar, seperti bahagian.

Arahan

Helaian gaya membolehkan anda menyelaraskan dan memusatkan lebih daripada teks (imej susun atur imej oleh 6922Designer dari Fotolia.com)

Bagaimana untuk menyelaraskan teks

1. Untuk menyelaraskan teks dalam blok teks biasa, seperti perenggan atau sebutan, gunakan teks-align property.

2. Pilihan nilai untuk harta selaras teks adalah kiri, kanan, tengah, dan dibenarkan. Oleh kerana teks yang dibenarkan tidak begitu mudah dibaca di Web, ilustrasi hanya menunjukkan penjajaran kiri, kanan, dan pusat. Dalam ilustrasi ini, setiap perenggan mempunyai sempadan hitam untuk menunjukkan saiz elemen blok pada halaman jika pelarasan lebar tidak digunakan pada elemen.

3. Biasanya, elemen diberikan kepada id atau kelas. Penjajaran teks pada sebarang item dalam id atau kelas ini ditakrifkan dengan peraturan, seperti yang berikut:

   
   

   kiri {

   teks-align: left; }

   betul {

   teks-align: right; }

   pusat {

   teks-align: center; }

Bagaimana memusatkan perpecahan, bahagian kontur dan badan

1. Anda mungkin mahu memaparkan susun atur keseluruhan atau susun atur yang besar. Dalam kes ini, teknik CSS yang berbeza digunakan.

2. Anda menggunakan peraturan CSS pada pemilih unsur terbesar yang anda ingin pusatkan. Ia boleh menjadi elemen badan, bahagian sempadan atau bahagian kontena.

3. Berpusat dengan kaedah ini tidak menjejaskan penyelarasan teks. Unsur yang berpusat akan mengekalkan penjajaran kiri asal teks dalam elemen yang berpusat.

4. Berikut adalah ilustrasi elemen seluruh tubuh (dengan sempadan hitam untuk kejelasan) berpusat pada halaman. Lebar hendaklah ditetapkan untuk elemen, maka margin kiri dan kanan ditetapkan ke automatik. Ini dilakukan seperti berikut:

   badan {lebar: 80%; margin-right: auto; margin-left: auto; sempadan: 1px pepejal hitam; }

   
   

Bagaimana

• Biasanya anda tidak perlu menggunakan align-left, kerana penjajaran kiri adalah lalai.Walau bagaimanapun, anda perlu sedar bahawa ia wujud, jika anda perlu mentakrifkan semula teks yang berpusatkan atau berpadanan dengan betul ke lalai kemudian. Lebar elemen yang akan berpusat boleh ditakrifkan dalam piksel, peratusan, atau ems.

Apa yang anda perlukan

• Editor teks
• Editor HTML
• Pengetahuan asas HTML