Bagaimana Memusatkan Item Senarai Secara Menegak () Di Dalam Senarai Tidak Tertib Mendatar ()?

Menjajarkan Menegak

Elemen dalam

Penjajaran menegak bagi

• elemen di dalam
  mendatar; selalunya diperlukan untuk estetika dan kebolehgunaan. Berikut ialah penyelesaian:

  CSS boleh digunakan untuk menetapkan ketinggian garisan

  • elemen sama dengan ketinggiannya, seperti di bawah:

    <code class="css">li {
        height: 30px;
        line-height: 30px;
    }</code>

    Dalam kod yang anda berikan:

    • Setiap
    • mempunyai ketinggian 100px.
    • Butang mempunyai ketinggian yang berbeza iaitu 50px (diberikan oleh butang .kelas).

    Untuk memusatkan kandungan secara menegak, anda harus menambah ketinggian baris berikut nilai pada lembaran gaya anda:

    <code class="css">.toolbar li {
        line-height: 100px; /* For regular list items */
    }
    .toolbar li.button {
        line-height: 50px; /* For button list items */
    }</code>

    Ini akan memastikan semua item senarai dan kandungannya diletakkan secara menegak di tengah.

    Atas ialah kandungan terperinci Bagaimana Memusatkan Item Senarai Secara Menegak () Di Dalam Senarai Tidak Tertib Mendatar ()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!