Bagaimanakah saya boleh memusatkan item senarai () secara menegak dalam senarai tidak tertib mendatar ()?

Susan Sarandon
Lepaskan: 2024-10-27 17:43:02
asal
832 orang telah melayarinya

How do I vertically center list items () within a horizontal unordered list ()?

Penjajaran Menegak Item Senarai (

  • Elemen) dalam Senarai Tidak Tertib (
      )

      Untuk memusatkan

    • elemen secara menegak dalam
        , gunakan teknik berikut:

        1. Tetapkan Ketinggian Garis:

          • Tentukan ketinggian yang diingini bagi elemen
          • dan gunakannya sebagai nilai untuk kedua-dua ketinggian dan sifat ketinggian garis. Ini memastikan bahawa teks dalam item juga berpusat secara menegak.
          • Coretan kod:

            <code class="css">li {
                height: 30px;
                line-height: 30px;
            }</code>
            Salin selepas log masuk
        2. Pastikan Ketinggian Elemen Konsisten:

          • Menetapkan sifat ketinggian adalah penting kerana elemen
          • boleh berbeza-beza ketinggian bergantung pada kandungannya. Dengan menetapkan ketinggian tetap, ia menjamin penjajaran menegak yang konsisten.
        3. Pertimbangkan Sempadan:

          • Jika
          • elemen mempunyai sempadan, pastikan sifat ketinggian mengambil kira saiz sempadan untuk mengelakkan keratan kandungan.
        4. Laraskan Ketinggian Garisan untuk Kandungan Berbilang Baris:

          • Untuk kandungan berbilang baris, laraskan sifat ketinggian garisan dengan sewajarnya untuk menyediakan ruang menegak yang mencukupi untuk setiap baris.

        Atas ialah kandungan terperinci Bagaimanakah saya boleh memusatkan item senarai () secara menegak dalam senarai tidak tertib mendatar ()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

  • sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Artikel terbaru oleh pengarang
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!