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

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

示例代碼：

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

將 div 的顯示設置成 table-cell 后，可以按單元格的樣式進行顯示，如下所示：

示例代碼：

<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>

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。