如何将table-cell和text-overflow应用于同一个div

Question

在div中，我试图使用display：table-cell和text-overflow：省略号，因为我希望文本垂直增长，这是通过使用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;
}

我正在尝试将一个类应用于table-cell中的div。这个类正在应用。任何线索为什么会发生这种情况？