0

很抱歉只发布一个没有任何自我劳动证明的问题。

我想在表格中换行一个单元格，但最多只能有 2 行。

例子

扩大范围也不是一种选择。有任何想法吗？

4

6 回答 6

1

表格单元格非常努力地显示您放入其中的所有内容。直到他们使用它们的宽度和高度属性作为粗略的指导，而不是硬限制。需要显示更多？然后只会变大。

解决方案是在表格单元格中放置一个<div>您提供所需宽度和高度的表格单元格，然后将overflow:hidden. 然后表格单元格不会增长，因为它不必增长，并且文本不会超出 div 的边界。

于 2013-08-02T09:19:08.320 回答
1

这将起作用

<div style="width:100px; padding:10px; height:50px; overflow:hidden;">
  Your text goes here .... Your text goes here .... Your text goes here ....
</div>

谢谢

于 2013-08-02T09:19:36.620 回答
1

如果只想显示两行并隐藏其余部分，则需要指定单元格的显示、行高、溢出以及宽度和高度属性，

.your_class {
    line-height: 16px;
    height: 32px;
    width: 100px; /* This should be as per your requirement */
    overflow: hidden;
    word-break: break-word; /* for breaking longer text */
    word-break: break-all;
    display: block;
}

你可以在这里检查工作http://jsfiddle.net/WLcC4/

于 2013-08-02T10:02:54.880 回答
0

你必须给

height

和

overflow:hidden

对于表格单元格

于 2013-08-02T09:17:25.393 回答
0

您是否还希望通过添加省略号来截断它？如果是这样，我推荐trunk8。如果您不想要省略号，只需明确overflow: hidden设置height属性即可。

于 2013-08-02T09:18:53.777 回答
0

table请为和提供特定宽度td。

将此 CSS 样式应用于表格：

table-layout: fixed;

将这些 css 样式应用于td您要适合的样式：

overflow: hidden;
white-space: nowrap;

如果要显示省略号：

text-overflow: ellipsis;

看到这个小提琴：http: //jsfiddle.net/h4fqm/

于 2013-08-02T09:20:05.690 回答