表TDS內的HTML/CSS可滾動跨度

我有HTML喜歡下面。我在另一個表內部有一個表。每個內部表中的TD將包含一個Scrollable Span，這個Scrollable Span是用CSS Class定義的，如下所示。只有當寬度被定義爲一個值（如100px）時，跨度纔會有滾動條和滾動條。如果我將寬度設置爲自動，滾動條不會出現，文本只會溢出TD和表格邊界並破壞佈局。我必須做的是動態生成（從ASP.NET Web控件）。內錶行可以有很多TDS。因此每個TD將以100/#TDs％的寬度生成。每個TD將包含一個可滾動的跨度。我無法在span上設置寬度。我需要它與包含TD相同，並通過顯示水平滾動條來滾動其餘部分。有任何想法嗎？？表TDS內的HTML/CSS可滾動跨度

.OuterTable 
    { 
     Color:Red; 
     width:120px; 
     white-space:nowrap; 
    } 
    .SpanClass 
    { 
     overflow:auto; 
     display:block; 
     width:auto; 
     color:Blue; 

    } 

    <table class="OuterTable"> 
    <tr> 
    <td>Outer Table Column</td> 
    <td> 
    <table class="InnerTable"> 
    <tr> 
    <td><span class="SpanClass"> This is A LINE IN Inner 
    table .this is the first line . Line 1 line1 jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj</span></td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table>

來源

2011-11-05 josephj1989

將報頭添加到表+設定表格的佈局：固定？ – biziclop