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>
这将产生:
句...
句