关于使用line-height达到正向居中效果的疑问
来源：10-1 编程挑战
ShawpLee
2014-11-29 17:27
#tabs ul{list-style:none;height:30px;line-height:30px;border-bottom:solid 2px saddlebrown;}
/*主DIV下的UL{消除列表默认圆点；高30PX；行距30PX达到纵向居中效果；下边框：实线 2PX 重褐色}*/
为什么12-15行注释说line-height能达到纵向居中效果；这里的ul、li标签的行高为何设置的跟其自身高度一样？是因为这样所以达到纵向居中的效果的吗？谁能稍详细点给我解释下吗，谢谢
写回答
关注
2回答
-
- 绿岛之北
- 2014-11-29 17:39:20
一般在网页设计中，文字的line-height的值和所在父级元素的值相同的时候，文字会居中，想要看详细的line-height可以看这里，如果你能完全看完的话。
-
- ShawpLee
- 2014-11-29 20:35:58
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468061 学习 · 21891 问题
相似问题