我必须创建一个具有固定高度和宽度但具有大量内容的表格单元格;使用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>
答案 0 :(得分:39)
您可以使用表格单元格内的overflow:scroll属性嵌套块级div。即
<td><div style="overflow:scroll;">Content</div></td>