日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

css中的display属性值:table,table-row,table-cell

發布時間:2023/12/3 编程问答 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 css中的display属性值:table,table-row,table-cell 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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的全部內容,希望文章能夠幫你解決所遇到的問題。

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