扫码关注官方订阅号
发这种重复的字符就变这样了。。。
一般情况下，没有空格是不会换行的，但是指定word-wrap:break-word就可以了
试试以下代码，不过在ie6中要给容器设定宽度
.text-overflow{ overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
IE下： 使用word-wrap:break-word;所有的都正常。ff下： 中文不会出任何问题。英文语句也不会出问题。但是，长串英文会出问题。 为了解决长串英文，一般用word-wrap:break-word;word-break:break-all;。但是，此方式会导致，普通的英文语句中的单词会被断开（ie下也是）。 目前主要的问题存在于 长串英文 和 英文单词被断开。其实长串英文就是一个比较长的单词而已。 即英文单词应不应该被断开那？那问题很明显了，显然不应该被断开了。 对于长串英文，就是恶意的东西，自然不用去管了。但是，也要想些办法，不让它把容器撑大。 用：overflow:auto; ie下，长串会自动折行。ff下，长串会被遮盖。 最好的方式是word-wrap:break-word;overflow:hidden; 而不是word-wrap:break-word;word-break:break-all; word-wrap:break-word;overflow:auto;在ie下没有任何问题。在ff下，长串会被遮住部分内容。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
4
705
收藏
一般情况下，没有空格是不会换行的，但是指定word-wrap:break-word就可以了
试试以下代码，不过在ie6中要给容器设定宽度
IE下：
使用word-wrap:break-word;所有的都正常。
ff下：
中文不会出任何问题。英文语句也不会出问题。但是，长串英文会出问题。
为了解决长串英文，一般用word-wrap:break-word;word-break:break-all;。但是，此方式会导致，普通的英文语句中的单词会被断开（ie下也是）。
目前主要的问题存在于 长串英文 和 英文单词被断开。其实长串英文就是一个比较长的单词而已。
即英文单词应不应该被断开那？那问题很明显了，显然不应该被断开了。
对于长串英文，就是恶意的东西，自然不用去管了。但是，也要想些办法，不让它把容器撑大。
用：overflow:auto; ie下，长串会自动折行。ff下，长串会被遮盖。
最好的方式是word-wrap:break-word;overflow:hidden;
而不是word-wrap:break-word;word-break:break-all;
word-wrap:break-word;overflow:auto;在ie下没有任何问题。在ff下，长串会被遮住部分内容。