如何触发文本溢出：多行元素的省略号

Question

我的元素包含超出可用空间的字符串。文本应仅显示在两行中。我需要触发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

white-space: nowrap;需要text-overflow: ellipsis;才能正常使用： http://jsfiddle.net/DHge3/3/

Answer 2

从padding移除CSS，它可以正常使用

<强> CSS

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

<强> FIDDLE