我创建了一个表,我希望它是height
be 800px
。
如果它是溢出,我想使滚动条,但标题不滚动。
所以我尝试添加这个CSS:
overflow: scroll;
max-height:800px;
但这对我不起作用。这是整个html文件。有什么问题吗?
CSS
table{
overflow: scroll;
text-align: center;
margin: auto;
max-height:800px;
}
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
和HTML
<table >
<tr>
<th>field a</th>
<th>field b</th>
<th>field c</th>
<th>field e</th>
</tr>
<tr>
<td>3534534</td>
<td>עו"ש</td>
<td>6,463</td>
<td>4,000</td>
</tr>
<tr>
<td>3534534</td>
<td>עו"ש</td>
<td>6,463</td>
<td>4,000</td>
</tr>
</table>
谢谢!
发布于 2013-11-30 05:25:31
使用另一个元素包装整个表,并将这些属性提供给他:
#table-limiter {
max-height:800px;
overflow: scroll;
}
HTML示例:
<div id="table-limiter">
<table>
...
</table>
</div>
设计表格样式有时是一件麻烦的事:(
发布于 2013-11-30 05:27:46
这里有一种方法。
使用CSS添加一个包装div:
#set-height {
display: inline-block;
height:800px;
overflow: scroll;
}
发布于 2013-11-30 05:33:20
将表包装在div标记中,并将div的高度设置为800px,并将overflow设置为auto。
<div style="height:800px; overflow:auto;">
//Table goes here
</div>
然后,如果您的表格高度超过800px,那么div中会出现一个滚动条,允许您在表格中滚动。
https://stackoverflow.com/questions/20293492
复制相似问题