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

僅使用<div> 創建表和CSS

問題陳述：

使用傳統HTML 表格元素(

) 建立表格可能很麻煩。僅使用 <div> 可以實現等效的表結構嗎？和CSS？

範例表：

提供以下範例表：

<div>

<div>

div>

CSS樣式：

以下CSS程式碼是提供：

.divTable
{

display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px; /* cellspacing:poor IE support for this */

.divTable

{

}

display: table-row;
width: auto;

.divRow

{

}

float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
background-color: #ccc;

.divCell

{

}

支援對於以下版本：用於支援🎜>

由於使用了display: table，提供的程式碼與 IE7 及以下版本不相容。

替代解決方案：

為了解決相容性問題，可以使用以下CSS 程式碼：

display: table;
width: auto;
background-color: #eee;
border: 1px solid #666666;
border-spacing: 5px; /* cellspacing:poor IE support for this */

.div-table {

display: table-row;
width: auto;
clear: both;

}

.div-table-row {

float: left; /* fix for buggy browsers */
display: table-column;
width: 200px;
background-color: #ccc;

}

.div-table-col {

}

優點：

此替代CSS 程式碼提供IE7 及更低版本的兼容性，同時保持所需的類似表格的結構。