我正在编写一个页面,我需要一个HTML表来维护一个设置的大小.我需要表格顶部的标题始终保持在那里,但无论表格中添加了多少行,我还需要滚动表格的主体.想想一个迷你版的excel.这似乎是一项简单的任务,但我在网上找到的几乎所有解决方案都有一些缺点.我怎么解决这个问题?
我的页面上有很多行的表格.我想设置表的高度,例如500px,这样如果表的高度大于那个,就会出现一个垂直滚动条.我尝试使用CSS height属性table,但它不起作用.
我有一个固定宽度和高度的表格单元格,如果文本太大,单元格大小应该保持不变,文本应该由overflow:hidden隐藏.
div {
display: table-cell
height: 100px;
width: 100px;
overflow: hidden;
vertical-align: middle;
}
Run Code Online (Sandbox Code Playgroud)
但是,如果添加太多文本,表格单元格将扩展到100px以上.任何阻止它扩展的技巧?
文本长度应为几行,因此"white-space:nowrap"解决方案不适用