DIV 设置 display:inline-block 导致 DIV 对不齐的解决方法

<div>
	<div style="display:inline-block"></div>
	<div style="display:inline-block"></div>
	<div style="display:inline-block"></div>
	<div style="display:inline-block"></div>
</div>


情景代码如上。
出问题的浏览器:
360,sogou,猎豹的极速模式
给DIV设置display:inline-block属性后,这四个DIV会拍在一排,但是会个别的高一点,不对齐。
解决方法:
给div设置vertical-align:top


<div>
	<div style="display:inline-block;vertical-align:top"></div>
	<div style="display:inline-block;vertical-align:top"></div>
	<div style="display:inline-block;vertical-align:top"></div>
	<div style="display:inline-block;vertical-align:top"></div>
</div>


你可能感兴趣的:(JavaScript,jquery,脚本,前端开发)