我遇到的问题是好多个div并列排列,并且每个div中都有子元素,假如第一列div是 5行,第二列div 6行,第二列多出来的一行会让两列div头部不在同一个水平线上,导致这种情况原因是基线没有对齐,加上vertical-align: top;即可解决
说实话刚开始根本不知道是因为display:inline-block造成的,至于如何发现是自己慢慢的调试出来的,这样解决问题的时候印象比较深刻
开发中关于使用display: inline-block导致div不在同一条水平线上
最新推荐文章于 2022-11-10 13:13:48 发布