0 
<table style="table-layout:fixed;">    
    <tr>
        <td width="221" style="overflow:hidden">
            //A very long text that meant to overflow
        </td>
    </tr>
</table>

经过一番研究，上面的代码应该可以正常工作，但事实并非如此。只有在. div_overflow:hiddentd

另一个问题是如何实现溢出到高度？如果可以提供任何示例代码，将不胜感激。

4

5 回答 5

1

您应该为您的对象指定更多详细信息，例如空格，因为 ling 文本会自动换行在 td 中。

<table style="table-layout:fixed;">    
<tr>
    <td width="221" style="overflow:hidden;display:block;width:5em;white-space:nowrap;background-color:#ccc;">
        //A very long text that meant to overflow
    </td>
</tr>
于 2013-09-21T12:56:33.360 回答
0

添加white-space: nowrap;到 TD 应该可以解决它。

演示：http: //jsfiddle.net/cYAMm/

于 2013-09-21T12:38:50.377 回答
0

为了控制高度，你必须使用 CSS 属性overflow-y代替overflow. 要应用滚动，您必须使用与其他此类情况overflow-y: scroll类似的滚动。overflow

于 2013-09-21T12:43:52.077 回答
0

工作演示在这里

您可以在不改变表格布局的情况下模拟溢出：隐藏，只需在 TD 内放置两个 div：

<div style="position: relative;">
  <div style="overflow: hidden; width: 320px; height: 150px;">

    content

  </div>
</div>

在JSFiddle上查看你的代码

于 2013-09-21T12:44:51.157 回答
0

如果你想溢出特定的宽度和高度，你应该添加 css 属性display:block，<td>正如其他人之前所说的宽度溢出，你应该设置white-space:nowrap它以防止你的文本被 wrap ，这是一个工作示例，overflow:scroll可以更好地低估

于 2013-09-21T14:04:30.433 回答