Question

nav ul li {
    width: 155px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;   
}

nav ul a {
    text-decoration: none;
    border-right: 1px solid #e8e8e8;
    font-size: 13px;
    height:19px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 36px;
}

如何将文字置于中心位置，因为它位于border-right的边缘？如您所见，我无法使用text-align将文本居中。

Answer 1

关于猜测解决方案是：你可以通过添加填充来实现填充：10px 10px 10px 10px;

你可以发布任何链接，我们可以在哪里查看吗？

Answer 2

你有很好的代码。我相信您需要将以下代码添加到nav ul a CSS规则中：

 nav ul a {
     display: block;
     text-align: center;
 }

这应该可以解决问题。感谢。

Answer 3

好吧，你添加了太多这些边距，填充内容。摆脱锚点左边的和 text-align：center 将会起作用。祝你好运！

如何将文本居中，因为它出现在右边缘的边缘

3 个答案: