gpt4 book ai didi

html - 导航中的行高 VS 内边距(正确方法)

转载 作者:太空狗 更新时间:2023-10-29 13:35:10 27 4
gpt4 key购买 nike

我刚刚重新开始编码,我想知道将高度添加到我的 btn 的最佳方法是什么。

这是代码-

填充方法

.nav-main li a {
display: block;
padding: 70px 10px 70px 10px;
color: #6CF784;
border-bottom: 10px solid white;
text-decoration: none;
}

行高法

.nav-main li a {
display: block;
padding: 0 10px 0 10px;
line-height: 150px;
color: #6CF784;
border-bottom: 10px solid white;
text-decoration: none;
}

最佳答案

我喜欢使用 line-height 因为它可以正确定位基线以使文本出现在元素的中间(而使用填充它可能会以一种方式或另一种方式偏离中心在字体上)

当然,这取决于您为 line-height 使用像素值(正如您在问题中所做的那样)- 使用像 1.5 这样的数值可能会产生不同的结果取决于字体。

关于html - 导航中的行高 VS 内边距(正确方法),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21551551/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com