请问这里为什么要把header-search的height：20px去掉才能居中对齐呢？原因和原理是什么呢？谢谢老师

来源：4-18 综合案例二(知乎导航)

精慕门0241520

2022-10-30

写回答

1回答

西门老舅

2022-10-30

已采纳

你好，header-wrapper是弹性布局，并且上下居中text-aligin:center。

那么子元素header-search就要上下居中，如果20px不去掉的话，就会按照高度20来进行居中，但是header-search里的子元素可比20高啊，所以20是居中了，但是从效果上来看并没有居中，因为header-search-wrapper可是比20大的呀。

当把20去掉的话，那么header-search的高度就会跟header-search-wrapper高度一致了，所以看上去效果就是上下居中的。

西门老舅

精慕门0241520

不客气哈

2022-10-31

共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

758 学习 · 231 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 2