FWQ
使用 inline-block 元素时,为何会出现元素错位显示?
浮动元素对齐错位的解决方法 在使用 inline-block 元素时,有时会遇到元素错位显示的情况。例如,以下代码: <div> <span>11</span> <span class="desc">22</span> <span>33</span> <span>44</span> </div> span{ display:inline-block; } .desc{ overflow:hidden; } 登录后复制 不设置 属性时,元素会正常显示: 11223344 登录后复制 但设置了 overflow 属性后,元素会出现错位: 11 22 3344…