Bagaimana untuk Menjajarkan Div secara menegak dalam Sel Jadual?

Cara Menjajarkan

Elemen dalam Sel

Dalam kod HTML anda, anda mempunyai jadual dengan dua sel, setiap satu mengandungi

unsur. Anda mahu meletakkan

elemen untuk mengisi ketinggian sel yang sepadan.

Untuk mencapai ini, anda boleh menggunakan kaedah berikut:

1. Tetapkan Ketinggian untuk Elemen: Tetapkan ketinggian tertentu pada sel. Ini akan menyediakan titik rujukan tetap untuk
   elemen untuk mengira ketinggiannya. Contohnya:

   td {
     height: 200px; /* Replace with the desired height */
   }

   2. Gunakan Ketinggian Berasaskan Peratusan untuk
      Elemen: Daripada menetapkan ketinggian mutlak, anda boleh menggunakan ketinggian berasaskan peratusan untuk

      elemen. Ini akan memastikan bahawa mereka mengisi ketinggian yang tersedia dalam sel. Contohnya:

      div {
        height: 100%;
      }

      3. Tambah Sifat Penjajaran Menegak: Untuk memusatkan
         elemen menegak dalam sel, anda boleh menggunakan sifat CSS seperti penjajaran menegak. Contohnya:

         div {
           vertical-align: middle;
         }

         Pendekatan ini harus membenarkan

         elemen untuk mengisi ketinggian sel sambil memastikan penjajaran menegaknya.

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Div secara menegak dalam Sel Jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!