table：此元素會(huì)作為塊級(jí)表格來顯示（類似 <table>），表格前后帶有換行符。
table-row：此元素會(huì)作為一個(gè)表格行顯示（類似 <tr>）。
table-cell：此元素會(huì)作為一個(gè)表格單元格顯示（類似 <td> 和 <th>）

上述這些 display 屬性值，可以讓元素在顯示時(shí)具有表格、表格行、單元格相關(guān)的屬性，例如，div 元素，你正常顯示幾個(gè) div 元素是這樣的：

示例代碼：

<div style="border: 1px solid red">單元格</div> <div style="border: 1px solid red">單元格</div> <div style="border: 1px solid red">單元格</div>

將 div 的顯示設(shè)置成 table-cell 后，可以按單元格的樣式進(jìn)行顯示，如下所示：

示例代碼：

<div style="display: table-cell;border: 1px solid red">單元格</div> <div style="display: table-cell;border: 1px solid red">單元格</div> <div style="display: table-cell;border: 1px solid red">單元格</div>

總結(jié)

以上是生活随笔為你收集整理的css中的display属性值：table，table-row，table-cell的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。