如何将文本居中显示在边框的边缘

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。如何将文本居中显示在边框的边缘

来源

2015-12-29 decode

你可以添加你的html吗？并可能把它放在一个小提琴？ –

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

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

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

来源

2015-12-29 21:56:21 tariq99885

on guess解决方法是：您可以通过添加填充如 padding：10px 10px 10px 10px;

你可以发布任何链接，我们可以检查它吗？

来源

2015-12-29 21:52:54

如果解决问题接受为答案 –

那么，你添加了太多这些边距，填充东西。 摆脱留在锚点上的余量和text-align：center即将开始工作。祝你好运！

来源

2015-12-29 22:04:51 Zivanovic

如何将文本居中显示在边框的边缘

回答

相关问题