0

ページの幅を埋めるか、div を含む水平メニューを作成しようとしています。liしかし、要素をすべて同じ幅にしたいのですが、これらは動的であるため、li要素の数がページごとに変わる可能性があるため、単純に幅を設定したり、パーセンテージを分割したりすることはできません。table-cell? を使用した正しいアプローチがあるかどうかわかりません。

li要素が垂直方向に引き伸ばされることは問題ではありませんが、それらはすべて同じ量に引き伸ばされる必要があります。

これを行う方法はありますか?

http://jsfiddle.net/juGJ4/

4

2 に答える 2

0

table-layout:fixed は、あなたが望むことを正確に行うことになっています - テーブルを使用しても問題ない場合は、列を同じ幅にします。

インライン要素については、 text-align:justify と余分な空のコンテンツを使用した巧妙なトリックを見つけました。

    .fulljustify {
  text-align: justify;
}
.fulljustify:after {
  content: "";
  display: inline-block;
  width: 100%;
}
于 2013-08-02T14:44:19.707 に答える