當li顯示時用li填充li：inline

在大約15/20小時的研究和Google搜索後，我還沒有找到解決方案。當li顯示時用li填充li：inline

我想，以填補錨然而，李被設置爲顯示內嵌代碼列表項：

#nav{ 
    font-family:"chaparral-pro", Georgia, "Times New Roman", serif; 
    position: relative; 
    background-color: #404041; 
    width: 100%; 
    height: 40px; 
    text-align: center; 
    font-size: 15px; 
    margin-top: -15px; 
} 

#nav a{ 
    color: #f9a13e; 
    text-decoration: none; 
} 

#nav a{ 
    display: inline-block; 
    height: 100% 
} 

#nav a:hover{ 
    color: #fff; 
    text-decoration: none; 
} 


ul#navInner{ 
    position: relative; 
    text-align: left; 
    width: 840px; 
    margin: 0 auto; 
    height: 40px; 
    padding-top: 10px; 
} 

ul#navInner li{ 
    display: inline; 
    border-right: 1px solid white; 
    height: 40px; 
    padding: 11px 8px 16px 8px; 
} 

li.noBorderR{ 
    border: none !important; 
}

HTML：

<div id="nav"> 
    <ul id="navInner"> 
    <li><a href="_#">Home</a></li> 
    <li><a href="_#">About Us</a></li> 
    <li><a href="_#">Our People</a></li> 
    <li><a href="_#">How can we help</a></li> 
    <li><a href="_#">Newsroom</a></li> 
    <li><a href="_#">Resources</a></li> 
    <li><a href="_#">Careers</a></li> 
    <li><a href="_#">Contact Us</a></li> 
    <li class="noBorderR"><a href="_#">Text Size</a></li> 
    </ul> 
</div><!-- end nav -->

對不起，在這裏發佈這樣一個基本問題！我無法弄清楚這一點！

如果我設置a {}來顯示：block，它將整個li放在塊上，而inline-block什麼也不做。

來源

2013-01-21 Josh Boothe

15到20分鐘...我已經搜索了3個月的問題解決方案（無數頁）。不要太挑剔，但我想你可以用幾個小時的時間更容易地找到答案（或者更好的解決方法，直到你自己找出答案） –

'li'默認設置爲內聯顯示。就像'a'標籤一樣。這裏你的問題究竟是什麼？ – Ryan

@PaulSullivan至少喬希做了一些**研究。這裏的許多人忽視了完全使用搜索引擎。儘管喬希似乎忽視了實際上提出的問題。 –