Bolehkah saya Mencipta Jadual Menggunakan Hanya `` dan CSS?-tutorial css-php.cn

Bolehkah saya Mencipta Jadual Menggunakan Hanya `` dan CSS?

Susan Sarandon

Lepaskan： 2024-12-25 10:38:09

asal

836 orang telah melayarinya

Can I Create a Table Using Only `` and CSS?

Cara Membuat Jadual Menggunakan Hanya
Teg dan CSS

Hanya menggunakan

HTML; elemen dan CSS, anda boleh mencipta jadual berfungsi yang serasi merentas pelayar.

Dalam coretan HTML yang disediakan, pelbagai kelas digunakan untuk menggayakan elemen. Untuk pengalaman merentas pelayar, anda boleh melaraskan CSS seperti berikut:

.div-table {
  display: table;         
  width: auto;         
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 200px;         
  background-color: #ccc;  
}

Salin selepas log masuk

Dalam CSS yang dilaraskan:

Kami telah menggantikan .divTable dengan .div-table untuk ketekalan.
Untuk keserasian merentas pelayar, kami telah mengalih keluar border-collapse:separate; daripada .divTable.

CSS yang dikemas kini ini memastikan bahawa jadual akan dipaparkan dengan betul dalam semua penyemak imbas utama, termasuk IE7 dan ke bawah.

Atas ialah kandungan terperinci Bolehkah saya Mencipta Jadual Menggunakan Hanya `` dan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Bolehkah saya Mencipta Jadual Menggunakan Hanya `` dan CSS?

Cara Membuat Jadual Menggunakan Hanya Teg dan CSS

Cara Membuat Jadual Menggunakan Hanya
Teg dan CSS