如何创建溢出时滚动的表格单元格
我必须创建一个具有固定高度和宽度但包含大量内容的表格单元格；使用 overflow: auto 的东西。问题是我不能在表格单元格上使用 display: block （这会破坏表格布局），所以我尝试了这个：
height: 100px;
overflow: auto;
position: relative;
width: 1280px;
但它不起作用。这是我的标记：
<tr>
<td colspan="3" style="width: 1280px; overflow:auto;">
{assign var="latime" value=$agenda|@count}
{assign var="latime" value=$latime*150}
<div style="width: 1280px; position: relative; overflow: auto; ">
<div style="width: {$latime}px; height: 100px; position:relative;">
{assign var="i" value=0}
{foreach from=$agenda item=ag}
{assign var="img" value=$agenda[$i][3]}
<img src="{$img}" id="imag{$i}" onclick='schimbaslidetoti({$i})' />
{assign var="i" value=$i+1}
{/foreach}
</div>
</div>
</td>
</tr>
I must create a table cell with a fixed height and width, but with a lot of content; something using overflow: auto. The problem is that I can't use display: block on a table cell (it kind of breaks the table layout) so I tried this:
height: 100px;
overflow: auto;
position: relative;
width: 1280px;
But it's not working. Here is my markup:
<tr>
<td colspan="3" style="width: 1280px; overflow:auto;">
{assign var="latime" value=$agenda|@count}
{assign var="latime" value=$latime*150}
<div style="width: 1280px; position: relative; overflow: auto; ">
<div style="width: {$latime}px; height: 100px; position:relative;">
{assign var="i" value=0}
{foreach from=$agenda item=ag}
{assign var="img" value=$agenda[$i][3]}
<img src="{$img}" id="imag{$i}" onclick='schimbaslidetoti({$i})' />
{assign var="i" value=$i+1}
{/foreach}
</div>
</div>
</td>
</tr>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以在表格单元格内设置溢出：滚动属性来嵌套块级 div。 IE
You can nest a block-level div with the overflow:scroll property set inside the table cell. ie