扫码关注官方订阅号
发这种重复的字符就变这样了。。。
一般情况下,没有空格是不会换行的,但是指定word-wrap:break-word就可以了
试试以下代码,不过在ie6中要给容器设定宽度
.text-overflow{ overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
强制换行吧,一般情况下不可能会有这样的单词出现。更多的是测试人员在处理。 如果不想强制换行,那么就只有阶段了。
就目前而言,CSS中没有属性可以直接判断出现断行符。依稀记得webkit中有一个私有属性是可以的,但好像没测试成功过。
http://lab.linxz.de/word_break.html
一个小玩意,测试强制换行的。
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扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
一般情况下,没有空格是不会换行的,但是指定word-wrap:break-word就可以了
试试以下代码,不过在ie6中要给容器设定宽度
强制换行吧,一般情况下不可能会有这样的单词出现。更多的是测试人员在处理。
如果不想强制换行,那么就只有阶段了。
就目前而言,CSS中没有属性可以直接判断出现断行符。依稀记得webkit中有一个私有属性是可以的,但好像没测试成功过。
http://lab.linxz.de/word_break.html
一个小玩意,测试强制换行的。
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下,长串会被遮住部分内容。