display:inline-block 行内块元素
2014-01-05 01:19
357 查看
display:inline-block 行内块元素。（CSS2.1 新增的值）
inline-block主要的用处是用来处理行内非替换元素的高宽问题的！
行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。
注意IE6不支持inline-block属性，可以用hack来解决：*display:inline;zoom:1;
我觉得效果有点类似float:left;属性
inline-block主要的用处是用来处理行内非替换元素的高宽问题的！
行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。
注意IE6不支持inline-block属性，可以用hack来解决：*display:inline;zoom:1;
我觉得效果有点类似float:left;属性
<html>
<head>
<style type="text/css">
p {display: inline}
</style>
</head>
<body>
<p>本例中的样式表把段落元素设置为内联元素。就不会换行了</p>
<p>而 div 元素不会显示出来！</p>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 2. 为input元素设置vertical-align:middle; 3. 为label元素设置vertical-align:middle;display:inline-block;
- 【原】display:inline-block下的IE元素
- display:inline-block 消除元素间间隙
- 关于input元素 和display:inline-block 的元素不在一水平线上的一点发现
- display:inline-block和元素水平居中的关系
- 让IE6区块元素具备display:inline-block属性
- display:inline-block 元素间间距去除方法
- 行内元素对齐：display:inline-block;
- 如何移除相邻两个 display: inline-block 元素间的间隔（转自：http://segmentfault.com/question/593/%E5%A6%82%E4%BD%95%E7）
- 使用display:inline;或display:inline-block;使元素换行
- 【技术】去掉display:inline-block元素间的多余空白
- 【技巧】font-size:0清除display:inline-block元素换行符间隙
- display:inline-block 元素之间由于换行所产生的间距问题
- display:inline-block下的IE元素
- display:inline与display:block——行内元素显示与块级元素显示
- CSS - display:inline-block 相邻元素间有4px的空白间距
- 去除display:inline-block下的元素间隔问题
- 两个 display: inline-block 元素间的间隔移除问题
- 去掉display:inline-block元素间的多余空白
- display:inline-block元素间空白间隙问题