編碼的世界 / 優質文選 / 生涯

CSS 自適應高度 局部滾動 千次閱讀


2022年7月31日
-   

要實現一個局部滾動的效果:一個表格,表頭固定,表體根據自適應填充的高度滾動,如下圖

實現方法:


利用div嵌套表格。一個div嵌套表頭,一個div包裹table,並且此div設置滾動主要結構:
<div >表頭結構</div>
<div style="height:100%;overflow:auto">
<table style="width: -webkit-fill-available;table-layout: fixed;">表體結構</table> //用table-layout來實現 超長文字自動折行問題
</div>

 

熱門文章