div 标签里的内容或字符串自动换行

一、

lsdkjflksdjflsdjf里的房价是离开的解放路口lksjdlfdsdsdsdsdssdsdsdsdfjsdlkfjlsdjflskdf

(这种情况下,英文字符不会换行,因为没有加 word-break:break-all;)

二、

是的立法教室里的房价是离开的解放路口设计的是打发士大夫

(这种情况下完全可以换行,因为全是汉字,即使不加 word-break:break-all; 也可以实现换行)

总结:

(一般情况下,字符串是一连串的英文的话,是不可以自动换行的,因为系统会把这么长的英文默认为是一个字符,相当于一个词,加上 word-break:break-all; 之后,即使字符串是一连串的英文,也会自动换行的哦。。。)

追加:——————————————————————————>>

之前说的方法在火狐浏览器是不支持的哦,因为火狐浏览器不识别word-break:break:all; 本人又总结了新方法哦:


解决Firefox(火狐)用css实现英文数字自动换行的
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

word-wrap:break-word;在火狐浏览器里是能够识别的,后面还要继续加上word-break:break-all;否则其他浏览器就不能换行了,word-wrap:break-word;只有火狐浏览器能识别,其他浏览器是不能识别的,不过这个样式的美中不足就是:特别长的字符串会有点小弊端,比如上面这个例子里有很多的dddddddddd,所以dddddd前面的汉字无法和他真正的衔接,会导致“换行的”后面有些空白,因为后面的英文字符太长,无法衔接,如果英文字符比较短,像一般的英文字符windows这样的字符,还是可以实现完全换行的哦

你可能感兴趣的:(div+css)