<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>