1
p.details {
    font-size:     12px;
    color:         #6D6D6D;
    white-space:   nowrap;
    width:         100%;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-height:    3.6em;
    line-height:   1.8em;
    min-height:    3.6em;
}

上面的 css 在 chrome、firefox、safari 上运行良好,IE10 除外。如果太长,应该在句子后面加一个“...”。

例如:“这些是……的详细信息”而不是“这些是促销项目的详细信息”

请帮忙!

新更新:我已删除 word-wrap: break-word 并且它适用于第一行。随后的行将不起作用。例如:

<p class = "details">"- Sentence 1" <br> "- Sentence 2" </p>

这将产生:

句...

4

2 回答 2

2

从您的样式中删除以下行:

word-wrap:     break-word;
于 2013-08-17T10:30:29.017 回答
0

IE10 不喜欢省略号的 br 标签。相反,尝试使用新的 div 换行,它将开始工作。像这样

“- 第 1 句” “- 第 2 句”

于 2015-02-19T23:44:53.097 回答