0

在 div 中，我尝试同时使用 display:table-cell 和 text-overflow: ellipsis，因为我希望文本垂直增长，这通过使用 table-cell 来实现，但是当我使用 table-cell 时，溢出属性不起作用. 我想我应该制作 2 个 div 并将 table-cell 应用于一个并溢出到另一个。但这似乎也没有影响。有什么线索吗？

谢谢，KK

请看一下 http://jsfiddle.net/KK123/qLY6K/2/

.parentclass {
  position: absolute;
top: 110px;
left: 165px;
width: 470px;
height: 260px;
text-align: center;
  font-size: 30px;
background-repeat: no-repeat;
display: table;

}

.childclass {
display: table-cell;
vertical-align: middle;
width:100%;
text-align: center;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
border: 1px solid blue;
height: 240px;
max-height: 240px;

}

td.childclass2 {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}

我正在尝试将一个类应用于表格单元格内的 div。这个类正在应用。任何线索为什么会这样？

4

0 回答 0