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

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

数据表格的thead设置,tr的平分table长度,还有table的边框

發(fā)布時間:2023/12/29 综合教程 24 生活家
生活随笔 收集整理的這篇文章主要介紹了 数据表格的thead设置,tr的平分table长度,还有table的边框 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

雖然都是老掉牙的東西,但是老是記不住,記在這里用的時候隨時來查

table 中的tr平分table長度只需要為table指定table-layout: fixed屬性即可;

w3c上對table-layout: fixed屬性的說明

automatic默認。列寬度由單元格內(nèi)容設(shè)定。
fixed列寬由表格寬度和列寬度設(shè)定。
inherit規(guī)定應(yīng)該從父元素繼承 table-layout 屬性的值。

table設(shè)置thead頭不動,tbody Y軸滾動

#tblDataList thead {display:block;}
#tblDataList tbody { display:block;height:600px; overflow-y:scroll;overflow-x:hidden;}
#tblDataList thead tr { display:table; 100%; table-layout:fixed;}
#tblDataList tbody tr {display:table; 100%; table-layout:fixed;}
#tblDataList thead { calc( 100% - 1.17em )}
.ul_inth{ padding: 0px; margin: 0px; border-top: 1px solid;}
.li_inthF{ 33%;list-style: none;float: left;}
.li_inth{ 33%;list-style: none;float: left; border-left: 1px solid;}

表格邊框--待續(xù)

總結(jié)

以上是生活随笔為你收集整理的数据表格的thead设置,tr的平分table长度,还有table的边框的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

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