2015-12-29 73 views
0
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如何將文本居中顯示在邊框的邊緣

+2

你可以添加你的html嗎?並可能把它放在一個小提琴? –

回答

0

你有很好的代碼。我相信你需要將下面的代碼添加到您的nav ul a CSS規則:

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

這應該可以解決這個問題。 謝謝。

1

on guess解決方法是: 您可以通過添加填充如 padding:10px 10px 10px 10px;

你可以發佈任何鏈接,我們可以檢查它嗎?

+0

如果解決問題接受爲答案 –

0

那麼,你添加了太多這些邊距,填充東西。 擺脫留在錨點上的餘量text-align:center即將開始工作。 祝你好運!

相關問題