求助:css 控制盒子宽度。

html-css013

求助:css 控制盒子宽度。,第1张

对于连续的英文浏览器会视为一个单词,而不会从中间截断(中文可以),可以使用 word-break:break-all 强制浏览器换行.但在火狐中 word-break:break-all 无效,面对长英文单词的办法就是隐藏超出的部分,或者留出足够的空白边,毕竟在一般情况下一个单词不会超过10个字母.

另外,body表示整个页面,所以直接对body应用样式不是一个很好的选择(对body使用float更不可取).建议把所有的内容放到一个<div>内,对这个<div>使用样式.

火狐不支持这两个属性是不对的,只不过有些标签不支持,并不是浏览器不支持。

使用word-wrap:break-word,会使文字自动换行,包括超长字符串(中间无空格),这个不会使单词截断,但有时火狐与IE用这个属性的时候是有差别的。如果换行还是推荐使用这个。

如果需要强制换行,就用word-break:break-all。这个会强制将字符换行,包括单词,在换行的时候也会强制截断。

以上只是使用div标签时建议使用,span标签不支持。但说是用表格不知道是否是table标签,如果可以的话建议使用div排版,莫用table标签。

wireshark抓包有什么用

word-wrap的break-word属性值可以导致换行,一般说来如果一个单词比较长的话,行末的空间不足以容纳这个单词就会产生换行,而不是将一个单词截断,word-break的break-all属性值可以截断一个单词

<style type="text/css">.first { width:120pxheight:60pxborder:1px solid blueword-wrap:break-word } .second { width:120pxheight:60pxborder:1px solid redword-break:break-all}