javascript - 長いリスト アイテムは不要なインデントを作成します

Question

この問題は説明が難しいので、jsfiddle を作成しました。他のメニュー項目とは異なり、メニューの最後の項目が右側に突き出ていることがわかります。これは、他のメニュー項目が複数の行を占める場合に発生します。

http://jsfiddle.net/V82un/

Answer 1

これは、<a>要素がdisplay: inline;デフォルトであるためで、境界線は 2 行目の末尾にのみ表示されます。に変更#sidebar_all_pages aするdisplay: blockと、問題は解決します。ただし、別のマスクを外します。負のマージン#sidebar_all_pages liが大きすぎます。-10pxそれを解決するためにそれを減らします。

Answer 2

次のCSSルールを使用して、テキストをスパンでラップするのはどうですか:

display:inline-block;
max-width:190px;

デモ

Answer 3

text-align: rightテキストが右揃えであることを意味します。これは、テキストのすべての行の右端がコンテナの右内側の端にくっつくことを意味します。