html一般情况下不支持内联元素width 解决方法
2016-06-07 18:17
323 查看
在标准兼容模式下的html,内联元素是不支持width的,
例如span,只有块级元素是支持的。
推荐: display:inline-block
如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。(内联)
例如a:
通常可以用display:block [块化];
实际应用
例如span,只有块级元素是支持的。
推荐: display:inline-block
如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。(内联)
例如a:
通常可以用display:block [块化];
实际应用
相关文章推荐
- 如何简单实现网页水平自动居中?
- 使用HTML语法图文混排
- HTML DOM
- html编码规范
- HTML <input> autofocus 属性
- html Div层的展开与收缩的特效源代码下载
- HTML 修真录------"深渊三君王"
- 关于html语言中的元素标签有哪些是直接闭合的</>,而不是成对出现
- block,inline和inline-block概念和区别
- html file api 兼容性问题
- 批量下载对路网图片并生成html的实现方法
- HTML tabindex 属性
- html中label宽度设置、非替换元素和替换元素
- 增加、删除HTML元素
- @Html.AntiForgeryToken() 源码分析,表单防伪码的生成
- HTML学习二
- MVC 自定义HtmlHelper帮助类型之分页
- 如何在html中把一个图片或者表格覆盖在一张已有图片上的任意位置
- 手机开发实战84——HTML介绍3
- 手机开发实战83——HTML介绍2