欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css將表格一列凍結

錢浩然2年前11瀏覽0評論

CSS能夠幫助我們實現表格一列凍結的效果。想要實現這個效果,我們需要借助CSS屬性position、overflow和display。以下是一個簡單的CSS代碼示例:

table {
position: relative;
}
thead {
display: block;
position: relative;
overflow: auto;
}
tbody {
display: block;
overflow: auto;
height: 300px; 
}
tbody td:first-child, thead th:first-child {
position: absolute;
left: 0;
width: 100px;
}

這個代碼塊中,首先,我們將table元素的position屬性設為relative。此外,我們將thead元素的display屬性設為block,這樣thead元素就可以滾動。同理,設置tbody元素和展示高度。最后,我們將td或者th元素的position屬性設為absolute,left屬性設為0,width屬性設為表格中第一列的寬度。

這里需要注意,實現表格一列凍結效果的前提是需要有thead和tbody元素。另外,通過設計position屬性和width屬性可以實現多列凍結效果。