我用下面的代码,以防止文本溢出到一个新行:CSS文本溢出 - 适用省略号如果文本扩展(N)行
.info-box{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 3em;
width: 300px;
font-size: 1em;
line-height: 1em;
}
这工作,符合市场预期,但这个盒子里有三行的空间。如果文本超出第三行,我如何命令浏览器应用elipsis?或者文本溢出只能处理一个?
我probs不会打扰,如果我需要JS这一点。
注意'文字overflow'不工作在Firefox。 –
@rfusak - 它将在Firefox 7中发布,现在应该很快发布(请参阅http://stackoverflow.com/questions/4927257/text-overflowellipsis-in-firefox-4-and-ff5了解更多信息) – Spudley