wusai1的博客

原创 2021-09-30

li设置inline-blobk实现横排展示时，在li内部添加元素导致li错位情况主要原因当给li、div等元素设置inline-block的时候，浏览器会添加vertical-align属性，且属性值为vertical-align:baseline，这样将直接导致对齐方式出现问题。解决方法给li去添加垂直对齐方式, vertical-align:top设置overflow：hidden，当元素设置overflow：hidden的时候，会去改变垂直方向的对齐，也可以获得一组对齐的元素.