我必须创建一个具有固定高度和宽度但具有大量内容的表格单元格;使用溢出的东西: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>
解决方法
您可以使用表格单元格中设置的overflow:scroll属性嵌套块级div.即
<td><div style="overflow:scroll;">Content</div></td>