增加菜單項距離

Question

可能是它在ASP.Net中的第一個問題。我是網絡編程的新手，並試圖學習它並閱讀Wrox ASP.Net 4.0 for Beginners。

我正在學習使用Sitemap作爲數據源來創建菜單項。我做了菜單並應用了數據源，並且工作正常。我的問題是，書的結果是菜單項顯示完美的距離。但是我的菜單項就像放在彼此旁邊意味着它們不包括頁面的長度。下面的圖片可能有助於理解。

我的圖像：

書輸出：

爲數據源：

這裏是我的菜單代碼：

<asp:Menu ID="Menu1" runat="server" CssClass="MainMenu" 
    DataSourceID="SiteMapDataSource1" Orientation="Horizontal" 
    StaticEnableDefaultPopOutImage="False" StaticSubMenuIndent="16px"> 
</asp:Menu? 

CSS類

.MainMenu 
    { 
     border: 1px solid white; 
     width: 814px; 
     height: 19px; 
     background-color : #cccccc; 
     text-align : justify; 
    } 

所以最終我想增加像書本那樣的菜單項距離。在我的CssClass中，我甚至嘗試過text-align : justify，但它不起作用。

在此先感謝。

Answer 1

添加此幫助和解決了我的問題。

.MainMenu ul li 
    { 
     width: 200px; 
    } 

感謝和抱歉打擾每個人。

Answer 2

您可以在您的CSS類中嘗試padding-right: 50px以在每個項目的右側填充50個像素。

See this example/explanation有關padding-right的簡短概述。