0

サイトはこちら --> http://ridgelandbaptist.radiantwebtools.com/

このスクリーンショットとコメントは、問題をほぼ要約しています --> http://screencast.com/t/R4evQe4pq

2 行を占めるナビゲーション アイテムが、必要以上のスペースを占めています。単語と白いバーの間に 20px のスペースが必要です。2 行以上のナビゲーション アイテムでは、より多くのスペースを占めています。

パディングを提供するセレクターは次のとおりです。

 #template .header .navigation-module .horizontal ul.menu > li > a {
     height: 124px;
     border-right: 1px solid white;
     padding: 0 20px;
     display: table-cell;
     vertical-align: bottom;
}

マークアップを変更できません。ここでは CSS のみを自由に使用できます。

ここで助けていただければ幸いです。追加情報を提供できるかどうか教えてください。

ありがとうございました。

4

3 に答える 3

0

テキスト幅 + パディングに基づいて幅を調整する場合はwhite-space: nowrap、ナビゲーション項目で使用してみてください。

于 2013-09-15T00:57:23.503 に答える