1

このよう<li>に列に分割する生成された s のリストがある場合、どうにかして列を widest と同じ幅にすることができます。<li>

ドロップダウン ナビゲーションがあり、現在は<li>s の幅が固定されていますが、「よくある質問」などの小さなナビゲーション アイテムの場合、クライアントから削除を求められる「空のスペース」がたくさんあります。

問題は、コードが生成されるため、追加のマークアップを追加できないことです。私の経験では、これは不可能であることがわかっていますが、誰かが私が間違っていることを証明できれば幸いです.

4

2 に答える 2

1

jQuery を使用したソリューションを次に示します: http://jsfiddle.net/kr9PE/2/。

すべての要素をループし<li>、最も広い要素の幅を保存します。次に、その幅 (および両側のパディング) をすべての<li>要素に適用します。

var items = $('#attempt ul').children();
var widestItemWidth = 0;
var padding = 10;

items.each(function() {
    var thisItemWidth = $(this).width();

    console.log($(this));

    if (thisItemWidth > widestItemWidth) {
        widestItemWidth = thisItemWidth;
    }
});

items.css('width', widestItemWidth + padding + 'px');
于 2013-03-27T21:35:36.210 に答える
0

CSS を使用しULて、 の幅を の 2 倍にして、LIで使用float:left;しLIます。

于 2013-03-27T21:27:08.483 に答える