メニュー項目を増やす距離

Question

おそらくASP.Netの私の最初の質問です。私はWebプログラミングの初心者で、Wrox ASP.Net 4.0を読んでそれを勉強しようとしています。

私は、データソースとしてサイトマップを使用してメニュー項目を作成する方法を学んでいました。メニューを作ってデータソースを適用したところ、うまくいきました。私の問題は、ブックの結果にメニュー項目が完全な距離で表示されていることです。しかし、私のメニュー項目はちょうどお互いの横に置かれているようなものです、彼らはページの長さをカバーしていないことを意味します。以下の画像は理解するのに役立ちます。

マイ画像：

帳出力：データソースの

：ここ

はメニューのための私のコードです：

<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/explanationpadding-rightの概要です。