gpt4 book ai didi

html - 对齐固定宽度按钮内的文本

转载 作者:太空宇宙 更新时间:2023-11-04 05:49:25 25 4
gpt4 key购买 nike

我试图将“>”文本与固定宽度的按钮对齐。我尝试使用对齐文本,但从观察来看它没有居中对齐。

    <!DOCTYPE html>
<html>
<head>
<style>
.naviButton {
height:34px;
width:16px;
color:grey;
text-align:center;
position:relative;
}
</style>
</head>
<body>

<button class="naviButton"><</button>

</body>
</html>

如果我删除固定宽度,“>”将居中。

我有点怀疑这里对齐的元素实际上是“>”文本的开始位置。但是,我可以将文本居中吗?

任何人都知道它可以以固定宽度居中居中。非常感谢!

最佳答案

使用填充:0;

.naviButton {
height:34px;
width:16px;
color:grey;
text-align:center;
position:relative;
padding: 0;
}
<button class="naviButton"><</button>

关于html - 对齐固定宽度按钮内的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58405576/

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