如何創建溢出時滾動的表格單元格

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>