javascript - table-cell と text-overflow の両方を同じ div に適用する方法

Question

div では、table-cell を使用してテキストを垂直方向に拡大したいので、display:table-cell と text-overflow: ellipsis を一緒に使用しようとしていますが、table-cell を使用すると、オーバーフロー プロパティが機能しません。 . 2 つの div を作成し、1 つに table-cell を適用し、もう 1 つにオーバーフローする必要があると思います。しかし、これも影響していないようです。手がかりはありますか？

ありがとう、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 にクラスを適用しようとしています。このクラスは適用されています。なぜこれがこのように起こっているのか、手がかりはありますか？