处理表中的溢出

2024-03-09

如果我有一个像这样非常非常简单的例子的表:

table {
    table-layout:fixed;
    width:300px;
}

.td1 {
    width:100px;
}
.td2 {
    width:200px;
}

在我的其中之一.td2包含一个图像,可以说,300px in width。我想显示滚动条以允许用户滚动以查看全部内容。但我认为这是不可能的,是吗?

所以我的问题是:

  1. 除了还有其他选择吗hidden用于处理表中的溢出?

  2. 是否可以仅当内容超出设定宽度时才显示滚动条? (我发誓我在一些论坛软件中见过它,但我不记得是哪一个了)


关于什么

overflow: auto

内容被剪裁并且滚动 仅在必要时添加。

将图像放入表格单元格的 div 内,并使 div 的宽度和高度为 td 的 100%,并将其样式设置为溢出:auto

<style>
.test { width: 100%; height: 100%; overflow: auto; } 
</style>

<td>
<div class="test">
your image
</div>
</td>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

处理表中的溢出 的相关文章

随机推荐