HTML5使用Div標籤來實現表格

標籤：

當支援HTML5時，我們可以使用樣式把DIV實現一個表格table. 關鍵樣式文法：display: table，display: table-row，display: table-cell 下面例子說明。
樣式代碼：

 div {            display: table;        }            div div {                display: table-row;            }                div div div {                    display: table-cell;                    background: #EEE;                    border: 1px solid #777;                    padding: 1em;                }

Source Code

控制器：

視圖實現：

 

程式運行結果：

 

HTML5使用Div標籤來實現表格