关于meau-item的行高问题
老师,视频中老师说由于底部有边框所以line-height设置为66px,使之更准确的垂直居中,我觉得很奇怪,在line-height比height大的情况下,文本应该会偏下一点,那这样的话不是距离63px的a标签底部边框更近了吗?也就是"更不居中"了。
我想到的就两种情况:1.在a标签没有设置底部边框时,meau-item的高度为64,line-height也为64,此时文本在meau-item内垂直居中,如图:
2.a标签设置了底部边框(这里为了更突出现象,将边框设置成10px,),相应的a标签高度height设置为64-10=54px,此时可以看到在以a标签底边框作为整个容器的底部时,文本看起来不太居中了,有点偏下:
此时应该将meau-item的line-height设置成和a标签高度一致,也就是54px,这时文本才看起来居中,也就是在a标签内居中:
但是视频中老师的做法反而是将line-height的高度调大到66px,这里我实在是想不通,可能是我没有真正理解老师口中说的"居中",请老师解答下,谢谢!
18
收起
正在回答
2回答
同学你好,同学学习很细心呐,这里的边框是在a标签上,所以line-height不用加上2px,老师也会将同学的建议反馈给相关人员的,继续加油!
祝学习愉快~
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星