如何给span标记的样式设置width属性
2014-02-14 10:08
260 查看
直接给span标记的样式设定width属性,会发现不会产生效果。
如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。
元素display属性的常见值说明:
1)block:块对象的默认值。将对象强***为块对象呈递,为对象之后添加新行。
2)inline:内联对象的默认值。将对象强***为内联对象呈递,从对象中删除行。
3)inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
4)non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。
元素display属性的常见值说明:
1)block:块对象的默认值。将对象强***为块对象呈递,为对象之后添加新行。
2)inline:内联对象的默认值。将对象强***为内联对象呈递,从对象中删除行。
3)inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
4)non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
相关文章推荐
- 常用CSS缩写语法总结
- DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度
- HTML和CSS
- jxl导出excel --- 居中 自动换行 边框 样式
- 网页中字体和统一规范
- css3 自定义滚动条
- css line-height记录
- css控制背景图片随div的大小而缩放
- DIV居中之完全指引
- css content
- div+css设置div的背景为半透明的方法
- css设置div附带下拉条的样式
- 经常会碰到css的bug
- HTML默认样式表CSS属性除了inline和block的定义
- css固定表头、行头样式代码
- 非常基础的css注意点
- Writing efficient CSS(编写高效的CSS)
- CSS:替换元素(Replaced)、不可替换元素(Nonreplaced)、块元素(Block-level)和行内/内联元素(Inline)
- css3 gradient
- (转)如何实现CSS限制字数,超出部份显示点点点...