Penggunaan CSS di tengah-tengah: teks dan jadual

dunia maklumat dalam semua unsur-unsur dan diwakili oleh penghampiran unsur-unsur, perkataan dan teks, atau dalam contoh terakhir dirasmikan - teks dan jadual. Anda boleh mempertimbangkan lain, sudah diketahui, struktur data, serta gambar-gambar, tetapi untuk menggunakan isu-isu CSS dan HTML dari segi teks pemformatan baki borang maklumat mempunyai sikap yang berbeza.

Betul struktur halaman laman melibatkan penentuan kedudukan setiap elemen. HTML-dokumen sentiasa - urutan elemen pada paparan secara langsung dipengaruhi oleh tiga peraturan asas:

• pemposisian mutlak (kedudukan);
• tempat sungai;
• z-index.

Hotel lain juga penting, memerlukan lebih banyak pengetahuan untuk menyelesaikan masalah dengan CSS "di tengah-tengah teks."

Berpusat dan penjajaran peraturan

peraturan CSS menambah HTML-dokumen, tetapi tanpa hak yang kedua boleh menghadapi sebarang pilihan penjajaran. Keleluasaan peranti mudah alih dan reka bentuk penjagaan ke arah kesederhanaan lebih besar dan "squareness" menjadikan isu berpusat semasa, manakala jajaran yang lain sering kehilangan nilai.

Elemen utama halaman - unit menyifatkan gaya tertentu. Secara umumnya mendatar penjajaran: text-align boleh mengambil, seperti yang telah berlaku hanya empat nilai (kiri, tengah, kanan, membenarkan). Anda boleh melakukan penjajaran menegak dengan menggabungkan nilai ketinggian yang betul dan line-height:

{
height: 88px; // pada nisbah ini
line-height: 88px; // css untuk Pusat teks - Menegak
}

Anda boleh melakukan percubaan dengan peraturan yang berbeza. ; Sumber-sumber mendapati sebutan tentang tafsir peraturan blok paparan: meja, paparan: Jadual-sel dan menegak-align: tengah; tetapi tidak semestinya ia berfungsi.

Menjajarkan teks dengan jadual

Struktur data itu sahaja adalah untuk difahami pertama dan hidup selama-lamanya - meja. Ia menyediakan dan penjajaran menegak dan mendatar, di samping itu, persoalan bagaimana untuk meletakkan teks di pusat CSS, menggunakan jadual tidak lagi mempunyai makna yang kompleks.

Amalan yang sedia ada menggunakan peraturan CSS untuk mencapai tujuan tertentu markup tidak selalu memenuhi konsep Cascading Style Sheets. Tiada apa yang menghalang pemaju untuk melaksanakan penjajaran dalam mana-mana arah dengan meletakkan kandungan ke dalam sel tengah jadual tiga lajur dan tiga baris.

keputusan ini adalah tidak standard, tetapi berkesan. Bukannya yang panjang dan teliti menyelesaikan masalah halaman silang pelayar atau mengharapkan margin kiri, kanan, dan sebagainya. Anda boleh menggunakan lapuk lebar peratusan dan baris ketinggian sel-sel dalam jadual.

Penjajaran melalui JavaScript

soalan "Bagaimana untuk meletakkan teks berpusat di HTML" algoritma penyelesaian rendah, bahasa pelayar, dan mempunyai reka bentuk yang lebih praktikal dan menakjubkan.

Design Style Files sudah hilang di sungai, dan hampir setiap sistem pengurusan kandungan sendiri menghormati menyediakan pemaju menetapkan gaya untuk semua majlis. Tetapi kehidupan sentiasa memerlukan konkrit: adalah perlu setiap masa dari awal untuk berfikir, bagaimana ia dengan teks CSS di tempat pertengahan. Pilihan untuk tujuan penjajaran dalam unit, "terpaku" di sebelah atas halaman, tetapi kerana saya mempunyai saiz, blok menu pop-up tidak sesuai, yang dibina daripada unsur-unsur yang berbeza.

Kelihatan berpusat - ia tidak selalunya mudah untuk menyekat, yang pada asalnya dikenali, di mana sebelah kiri dan berapa banyak piksel di sebelah kanan, di mana bahagian atas, dan tidak menjamin bahawa bahagian bawah - ia adalah garis yang dimaksud perlu melakukan penjajaran menegak.

Satu trend bahawa gaya hendaklah ditentukan oleh kandungan. Yang lebih banyak tapak adalah maklumat pengunjung, visual dan bunyi - hanya tambahan kepada teks biasa. Bahawa watak-watak yang dikehendaki kandungan (ini tidak terpakai kepada laman web mengenai seni, lukisan, muzik, dll) - adalah persoalan maklumat yang diperlukan untuk pelawat.

pembentangan ciri-ciri teks dan HTML

Ia berlaku bahawa elemen dibahagikan daripada kandungan halaman - teks, dan bukan perkataan. Semantik - adalah kecekapan pemaju (pemilik laman web). Sebenarnya teks yang boleh dikemukakan di salah satu tag, iaitu hukuman semula jadi boleh bukan sahaja jujukan aksara, dan urutan tag yang mengandungi watak-watak. Dari ini, ia mengikuti bahawa "keras" CSS "di tengah-tengah teks" boleh meletakkan hanya dalam kes-kes yang mudah.

Server permintaan ekstradisi untuk penyemak imbas yang sangat luas dan mengandungi banyak unsur, tidak selalu berkaitan dengan apa yang akan dipaparkan. Apabila mereka bentuk susun atur halaman adalah penting untuk memberi penekanan dari segi persembahan, khususnya penjajaran. Sesuatu yang lebih baik untuk melakukan pada pelayan bahawa pelanggan yang ada di pelayar. Jangan selalu bergantung kepada peraturan CSS, memberi tumpuan kepada keputusan akhir adalah lebih praktikal.