WEB编程开发中关于SPAN设置Width样式属性无效的的问题
作者: 李嘉 日期: 2009-10-07 10:01
我们在设计HTML+DIV+CSS的布局中,有些时候我们需要用到SPAN。但是与DIV标记不同的是,SPAN设置了Width却无法生效,因为SPAN是行标记,DIV是块标记,行标记原理上是随着内容的多少决定其宽度,块标记则可以设置宽度。所以要给SPAN设置Width属性,就需要将其转化为块标记,即给SPAN加一个Style属性:float:left 或者 float:right,这样行标记就可以改变为块标记。
也可以使用display:block 来转化为块标记。但是有些时候,块标记会形成一个不必要的换行,所以这时候我们就需要使用float:left来达到目的。
| 据我测试给span加display:inlin-block;也是可以使用width属性,而不换行的呀,IE6/7/8和其他标准浏览器都支持啊 |
发表评论
订阅
上一篇
返回
下一篇
标签:

Javascript和JQuery中常用的随机数产生函数(很好用) (2010-09-24 11:14)
苏州团训网(培训团购)首页设计第一版无Logo版本DEMO (2010-09-17 21:38)
由VS.NET 2008不能被安装在C盘以外的其他盘说起:Dotnet开发人员环境搭建顺序经验 (2010-09-07 22:53)
强烈推荐:Javascript最精简右下角弹出广告代码(兼容IE和FF) (2010-06-23 01:51)
C# ASP.NET中如何将Dataset导出为Excel (2010-06-08 23:11)
网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码(支持Firefox&IE) (2010-05-26 11:50)
遭遇IE内核等(遨游)浏览器不能显示JPG(JPEG)图片的问题 (2010-05-08 12:36)
网站变成全黑最简便代码网站变灰代码支持IE&FF(Firefox) (2010-04-21 12:44)
JS添加到收藏夹和设置为首页功能支持Firefox和IE——Add to Favorites (IE) / Bookmark (Firefox) Javascript (2010-04-11 06:19)