当display:none;遇到overflow:hidden页面内容高矮不齐
当display:none;遇到overflow:hidden;文本会高出一截
有两种方案:
- 所有的都使用overflow:hidden;
- 使用vertical-align: bottom,就可以解决。
这是为什么呢?因为overflow:hidden和display: inline-block一起使用时会造成baseline的移动,所以高度就变得不一样了使用vertical-align: bottom就可以回到同一基线上。