WEB编程开发中关于SPAN设置Width样式属性无效的的问题

我们在设计HTML+DIV+CSS的布局中,有些时候我们需要用到SPAN。但是与DIV标记不同的是,SPAN设置了Width却无法生效,因为SPAN是行标记,DIV是块标记,行标记原理上是随着内容的多少决定其宽度,块标记则可以设置宽度。所以要给SPAN设置Width属性,就需要将其转化为块标记,即给SPAN加一个Style属性:float:left 或者 float:right,这样行标记就可以改变为块标记。

也可以使用display:block 来转化为块标记。但是有些时候,块标记会形成一个不必要的换行,所以这时候我们就需要使用float:left来达到目的。

引用通告地址: 点击获取引用地址
标签: WEB
评论: 2 | 引用: 0 | 阅读: 810 | 打印 | 打包 | 转发
  • 1 
ybo87 [ 2010-08-15 15:57 | 回复 | 编辑 删除 ]
据我测试给span加display:inlin-block;也是可以使用width属性,而不换行的呀,IE6/7/8和其他标准浏览器都支持啊
李嘉 [ 回复于2010-08-15 17:46 邮箱 网址 | 编辑 删除 ]
那是当然罗, 上文的意思其实无非就是将行标记转化为块标记的一种方式, 你的方法呢, 也是将行标记转化为块标记, 行标记是无法设置长宽的, 需要进行转化, 这些都是HTML CSS的常识, 希望对你有帮助. 感谢你的留言. 希望你能先理解最基础的原理, 再来进行评价哦. 因为看你的评价就知道你还没理解最基础的原理.
  • 1 
发表评论
昵 称: 密 码:
网 址: 邮 箱:
验证码: 验证码图片 选 项:
头 像:
内 容:
  • 粗体
  • 斜体
  • 下划线
  • 插入图像
  • 超链接
  • 电子邮件
  • 插入引用