Penggunaan CSS di tengah: teks dan meja

dunia informasi dalam semua elemen dan diwakili oleh pendekatan dari unsur-unsur, kata-kata dan teks, atau dalam contoh terakhir diformalkan - teks dan tabel. Anda dapat mempertimbangkan lainnya, sudah diketahui, struktur data, serta gambar, tetapi untuk menggunakan CSS dan HTML masalah dalam hal format teks bentuk informasi yang tersisa memiliki sikap yang berbeda.

Struktur halaman situs yang tepat melibatkan menentukan posisi setiap elemen. HTML-dokumen selalu - urutan elemen pada layar secara langsung dipengaruhi oleh tiga aturan dasar:

• posisi absolut (posisi);
• tempat di sungai;
• z-index.

pilihan akomodasi lain yang juga penting, memerlukan lebih banyak pengetahuan untuk memecahkan masalah dengan CSS "di tengah teks."

Pemusatan dan keselarasan aturan

aturan CSS melengkapi dokumen HTML, tetapi tanpa hak yang terakhir dapat mengatasi dengan pilihan keselarasan. Mana-mana perangkat mobile dan desain perawatan ke arah kesederhanaan yang lebih besar dan "kuadrat" membuat masalah centering saat ini, sedangkan keselarasan lainnya sering kehilangan nilai.

Unsur utama dari halaman - Unit menggambarkan gaya tertentu. Umumnya horisontal keselarasan: text-align dapat mengambil, seperti yang terjadi hanya empat nilai (kiri, tengah, kanan, membenarkan). Anda dapat melakukan penyelarasan vertikal dengan menggabungkan nilai tinggi yang tepat dan line-height:

{
height: 88px; // pada rasio ini
line-height: 88px; // css untuk Pusat text - Vertikal
}

Anda bisa bereksperimen dengan aturan yang berbeda. ; Sumber ditemukan menyebutkan tentang penafsiran aturan blok display: table, display: table-sel dan vertical-align: middle; tetapi tidak selalu bekerja.

Menyelaraskan teks dengan tabel

Satu-satunya struktur data yang harus dipahami pertama dan hidup selamanya - meja. Ini menyediakan dan keselarasan vertikal dan horisontal, di samping itu, pertanyaan tentang bagaimana untuk menempatkan teks di tengah CSS, menggunakan tabel tidak lagi memiliki makna yang kompleks.

Praktek yang ada menggunakan aturan CSS untuk mencapai tujuan tertentu di markup tidak selalu memenuhi konsep Cascading Style Sheets. Tidak ada yang mencegah pengembang untuk melakukan penyelarasan segala arah dengan menempatkan konten ke dalam sel pusat dari tabel tiga kolom dan tiga baris.

Keputusan ini tidak standar, tapi efektif. Alih-alih panjang dan teliti memecahkan masalah halaman lintas-browser atau mengharapkan margin kiri, kanan, dan sebagainya. Anda dapat menggunakan basi persentase lebar dan baris ketinggian sel dalam tabel.

Keselarasan melalui JavaScript

pertanyaan "Bagaimana menempatkan teks berpusat di HTML" algoritma solusi SD, bahasa browser, dan memiliki desain yang jauh lebih praktis dan spektakuler.

Desain Gaya File sudah pergi di sungai, dan hampir setiap sistem manajemen konten menghargai diri sendiri menyediakan pengembang menetapkan gaya untuk semua kesempatan. Tapi hidup selalu membutuhkan beton: perlu setiap kali dari awal untuk berpikir, bagaimana dengan teks CSS di tempat tengah. Opsi untuk tujuan keselarasan di unit, "terpaku" ke sisi halaman, tapi karena saya memiliki ukuran, menu pop-up blok hampir tidak cocok, yang dibangun dari elemen yang berbeda.

Terlihat berpusat - itu tidak selalu mudah untuk memblokir, yang awalnya dikenal, di mana sisi kiri dan berapa banyak piksel ke kanan, di mana bagian atas, dan tidak menjamin bahwa bagian bawah - itu garis tentang yang harus melakukan alignment vertikal.

Salah satu tren yang gaya harus ditentukan oleh konten. Semakin banyak situs yang informasi pengunjung, visual dan suara - hanya Selain teks normal. Bahwa karakter yang diinginkan konten (ini tidak berlaku untuk situs web pada seni, lukisan, musik, dll) - adalah pertanyaan dari informasi yang diperlukan kepada pengunjung.

Fitur presentasi teks dan HTML

Itu terjadi bahwa unsur terpisahkan dari konten halaman - teks, dan bukan kata. Semantik - adalah kompetensi pengembang (pemilik situs). Sebenarnya teks dapat disampaikan pada satu tag, yang merupakan kalimat alami bisa menjadi bukan hanya urutan karakter, dan urutan tag yang berisi karakter. Dari ini berikut bahwa "keras" CSS "di tengah teks" dapat menempatkan hanya dalam kasus sederhana.

Server permintaan ekstradisi untuk browser sangat luas dan mengandung banyak unsur, tidak selalu berkaitan dengan apa yang akan ditampilkan. Ketika merancang tata letak halaman adalah penting untuk menempatkan penekanan dalam hal presentasi, khususnya keselarasan. Sesuatu yang lebih baik untuk dilakukan pada server yang klien yang ada di browser. Jangan selalu mengandalkan aturan CSS, fokus pada hasil akhirnya adalah jauh lebih praktis.