CSS停止文本溢出

使用 overflow: hidden

你试过了吗? overflow: hidden; ?

不幸的是,没有一个完整的CSS解决方案来解决这个问题(没有看到部分呈现的文本)。最接近的是使用css3属性, text-overflow: ellipsis ,它将剪切字符串并在末尾添加“…”。这项技术最大的缺点是火狐目前不支持它,而且它看起来也不像在不久的将来会支持它。然而,还有一种选择,不那么优雅 solution for Firefox 你暂时可以用的。

更多信息:
W3C text-overflow specs (仍然是工作草案)
Browser support for text-overflow
跟踪的状态 Firefox support for text-overflow

 /*ellipsis stuff*/
    white-space: nowrap;
    overflow: hidden;
    text-transform: none;
    text-overflow: ellipsis;  /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+*/
    -o-text-overflow: ellipsis;  /* for Opera 9 & 10 */
    -ms-text-overflow: ellipsis; /*IE 8*/

obs:同时用首选大小设置宽度