Question

我有像下面这样的HTML。我在另一个表中有一个表。内部表中的每个TD将包含一个用CSS Class定义的Scrollable Span，如下所示。如果宽度定义为值（如100px），则跨度将具有滚动条并滚动。如果我将宽度设置为自动，则不会出现滚动条，文本只会溢出TD和表格边界并破坏布局。我要做的是动态生成（从ASP.NET Web Control）。内表行可以有很多TDS。因此，每个TD将生成宽度为100 / #TDs％。每个TD都包含一个可滚动的Span。我不能在span上设置宽度。我需要它与包含TD相同，并通过显示水平滚动条滚动其余部分。任何想法??

  .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>

Answer 1

首先尝试：http://jsfiddle.net/zZDvq/

这与您想要创建的内容类似？

Answer 2

在生成span的服务器端代码中，将宽度设置为内联样式，即（伪代码）

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

表TDS中的HTML / CSS可滚动跨度

2 个答案: