2011-11-05 23 views
1

我有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> 
+0

将报头添加到表+设定表格的布局:固定? – biziclop

回答

0

在其产生的跨度服务器侧代码,设置宽度为内嵌式,即(伪码)

<span style = "width:100/#TDs %">