Bolehkah Sel Jadual Lebar Sama Dicapai dengan CSS Tulen untuk Bilangan Sel Tidak Tentu?

Sel Jadual Lebar Sama dengan Bilangan Sel Tak Tentu

Dalam senario di mana jadual mengandungi bilangan unsur sel jadual yang tidak dapat diramalkan, boleh CSS tulen digunakan untuk mewujudkan lebar yang sama untuk sel ini tanpa mengira saiz kandungan yang berbeza-beza?

Jawapan:

Ya, mungkin menggunakan pengisytiharan CSS berikut:

<code class="css">div {
  display: table;
  width: 250px;
  table-layout: fixed;
}

div > div {
  display: table-cell;
  width: 2%; /* or 100% if preferred */
}</code>

Penyelesaian ini memperkenalkan susun atur jadual: tetap;, yang digabungkan dengan lebar tertentu untuk setiap sel (2% dalam contoh ini), mencetuskan algoritma jadual tertentu yang berusaha untuk menghormati dimensi yang ditetapkan. Perlu diingat bahawa Safari 6 pada OS X mungkin mempamerkan hasil yang berbeza disebabkan oleh pelaksanaan susun atur jadual yang tidak standard: tetap;.

Atas ialah kandungan terperinci Bolehkah Sel Jadual Lebar Sama Dicapai dengan CSS Tulen untuk Bilangan Sel Tidak Tentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!