ellipsis - テキストオーバーフローをトリガーする方法: 複数行要素の省略記号

Question

使用可能なスペースを超える文字列を含むこの要素があります。テキストは 2 行で表示する必要があります。トリガーする必要text-overflow: ellipsisがありますが、ここでは発生していません。私は何を間違っていますか？

<div><span>IpsumLorem Traborditum orb Porfalohyrm</span></div>

div{
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    line-height: 20px;
    padding: 8px 6px 6px;
    height: 44px;
    width: 133px;
}

JSFiddle

Answer 1

paddingあなたから削除するCSSと、正常に動作します

CSS

div {
    line-height: 20px;
    height: 44px;
    width: 133px;
    overflow: hidden;
    text-overflow: ellipsis;
}

フィドル

Answer 2

適切に動作 する必要がありwhite-space: nowrap;ます: http://jsfiddle.net/DHge3/3/text-overflow: ellipsis;