很抱歉只是在没有任何自我劳动证明的情况下发布问题。
我想在表格中自动换行一个单元格,但最多只能包含2行。
走得更远也不是一种选择。 有什么想法吗?
答案 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)
请为table
和td
提供特定的宽度。
将此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/