Word在表格单元格中包含两行

时间:2013-08-02 09:15:11

标签: jquery html css

很抱歉只是在没有任何自我劳动证明的情况下发布问题。

我想在表格中自动换行一个单元格,但最多只能包含2行。

Example

走得更远也不是一种选择。 有什么想法吗?

6 个答案:

答案 0 :(得分:1)

表格单元格很难显示您放入其中的所有内容。直到他们使用宽度和高度属性作为粗略指导,而不是硬限制。需要显示更多?然后才变得更大。

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

答案 1 :(得分:1)

这将有效

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

由于

答案 2 :(得分:0)

你必须提供

height 

overflow:hidden

表格单元格

答案 3 :(得分:0)

您是否还希望通过添加省略号来截断?如果是这种情况,我建议trunk8。如果您不想使用省略号,只需执行overflow: hidden并明确设置height属性。

答案 4 :(得分:0)

请为tabletd提供特定的宽度。

将此css样式应用于表格:

table-layout: fixed;

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

overflow: hidden;
white-space: nowrap;

如果要显示省略号:

text-overflow: ellipsis;

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

答案 5 :(得分:0)

如果你只想显示两行,并隐藏休息,你需要指定单元格的显示,行高,溢出和宽度和高度属性,

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