css2.1 经验总结
浏览数：25 /
时间：2015年06月09日
<div style="display:inline-block;">some text</div>
~~~ 在ie6下 这个div还是会独占一行,所以要是需要设置inline-block的元素来呈现按钮 图标之类的要素，最好用 span em i 等这些默认为内联元素的标签
<div style="height:100px; background:pink;
font-size:4em;">
<span style="float:left; width:30px; height:30px;
background:green; vertical-align:middle;"></span>我是裸文字
测试垂直对齐
</div>
~~~ 对于已经设置浮动的元素，若要在垂直方向上调整位置，vertical-align不起作用，应该用margin-top/margin-bottom; 个人理解 vertical-align主要是设置line-box中inline or inline-block元素垂直方向的对齐方式的, 浮动的元素自身高度塌陷 没有行高，所以不能由vertical-align来调整。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
