4

黒い境界線があり、その子要素の 1 つが非表示の順序付けられていないリストの非常に単純な例があります: http://jsfiddle.net/spryno724/Sm9Lx/1/。非表示の子要素が表示されている要素よりもかなり広いことに注意してください。ただし、コンテナーは表示されている子の幅に合わせてのみ拡大縮小されます。

その要素が隠されている場合でも、このコンテナの幅をその最も広い子要素の幅に自動的にスケーリングする CSS 内の方法はありますか?

これが JavaScript で可能であることはわかっていますが、可能であれば、スクリプティング ハックを避けて、そのまま CSS を使用したいと考えています。

また、実際のアプリケーションでは、コンテナーに未知の幅のビジュアル オブジェクトが含まれるため、特定の幅を設定することは避けたいと思います。

お時間をいただきありがとうございます。

4

3 に答える 3

6

非表示visibility: hidden;ではなく使用display: none;li

  • visibility: hidden;要素スペースを保持します

  • display: none;要素がマークアップに存在しないかのように動作します

于 2012-05-30T20:41:08.610 に答える
3

どうですか：

<li style="visibility: hidden; height: 0;">This is not the first list element, ok?</li>
于 2012-05-30T20:42:57.293 に答える
0

代わりにdisplay: none使用できますopacity: 0

于 2012-05-30T20:41:41.243 に答える