text-overflow文本溢出

阅读更多

建议使用text-overflow:ellipsis;文本超出后以省略号形式显示

 
 



以下 div 容器内的文本无法完全显示，可以看到它被裁剪了。
div 使用 "text-overflow:ellipsis":

This is some long text that will not fit in the box
div 使用 "text-overflow:clip":
This is some long text that will not fit in the box
div 使用自定义字符串 "text-overflow: >>"(只在 Firefox 浏览器下有效):
This is some long text that will not fit in the box

代码效果如下

• 
• 大小: 7.5 KB

• 查看图片附件