div p span换行问题
2011-03-02 阅读 396
今天在修改页面中无意中发现一个问题，在这里和大家分享一下我的经验吧！
span标记的样式设定width属性，会发现不产生效果。
如果设置display：block，width属性生效，但此时的span和div就一样了，也就变成了块元素。
如果设置display：inline-block，则span就变成了行块元素了。
总结：只有元素在变成块元素后width属性才对其有效果。行内元素的width属性是由他的内容的多少决定的。
附：元素display属性的常见值说明
block：块对象的默认值。 block：块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行。
inline：内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行。
inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
nonne：隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间。
注意：浏览器会把一个很长的一串字符（条件是在这串字符中没有空格，换行符等字符出现）当成一个英文单词了，一个单词在英文中显示是不会换行的，所以就不能换行。如果你在其中加入了个空格的话，一个单词就变成了两个单词了，这样就可以换行了。
汉字就不会出现这种情况。
css div span 换行
更新于 2023年03月28日
赞 832
