HTML自动换行的问题

最新推荐文章于 2024-04-17 12:54:14 发布

weixin_30780221

最新推荐文章于 2024-04-17 12:54:14 发布

阅读量199

点赞数

原文链接：http://www.cnblogs.com/123qw/p/3898158.html

版权

有时文本文字已经超过所在的区域，但是文字还是不自动换行

可以用强制换行

强制不换行div{ white-space:nowrap;}
自动换行div{ word-wrap:break-word; word-break:normal;}
强制英文单词断行div{ word-break:break-all;}

这个是超出隐藏，注意设置宽度
overflow:hidden;  /*超出部分隐藏*/ 
white-space:nowrap; /*文本溢出用"..."表示*/
text-overflow:ellipsis;/*适用IE*/
-o-text-overflow:ellipsis; /*适用opera*/
-moz-binding: url('ellipsis.xml#ellipsis');/*适用火狐(firefox通过XUL实现效果)*/

转载于:https://www.cnblogs.com/123qw/p/3898158.html