如何创建溢出时滚动的表格单元格

Question

我必须创建具有固定高度和宽度的表格单元格，但内容很多;东西使用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]} 
           &nbsp; &nbsp;<img src="{$img}" id="imag{$i}" onclick='schimbaslidetoti({$i})' />&nbsp; &nbsp; 
          {assign var="i" value=$i+1}  
         {/foreach} 
        </div> 
       </div> 
      </td> 
     </tr> 

Answer 1

您可以在表格单元格内设置overflow：scroll属性集来嵌套块级div。即

<td><div style="overflow:scroll;">Content</div></td>