我可以只使用 `` 和 CSS 建立表格嗎？

如何僅使用

建立表格標籤和CSS

僅使用HTML 的

元素和CSS，您可以建立一個跨瀏覽器相容的功能表。

在提供的 HTML 片段中，使用各種類別來設定元素的樣式。為了獲得跨瀏覽器體驗，您可以如下調整CSS：

.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;  
}

登入後複製

在調整後的CSS 中：

• 我們已將.divTable 替換為.div- table一致性。
• 為了跨瀏覽器相容性，我們刪除了 border-collapse:separate;來自 .divTable。

此更新的 CSS 可確保表格在所有主要瀏覽器中正確顯示，包括 IE7 及更低版本。

以上是我可以只使用 `` 和 CSS 建立表格嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！