ラッピングはブロック要素

このフィドルを見てみましょう浮かべ：その幅は固定容器よりも広い場合<li>年代は、次の行に分割するために私が欲しいものhttp://jsfiddle.net/FK3cd/3/ラッピングはブロック要素

です。言い換えると、コンテナを広げる代わりに、<li>を次の行に折り返してください。例えば。 http://jsfiddle.net/FK3cd/4/（明示的な幅を除いて）

これは可能ですか？

2012-03-15 Leo Jiang

JavaScriptを使用できますか？これは純粋なCSSである必要がありますか？ – Brandan

好ましくはCSSだけです。しかし、純粋なCSSソリューションが不可能な場合、JSソリューションは問題ありません。 –

これをどのように使用しているかによって、<div>のリストは、position: absoluteにラップできます。そのため、内側の<div>は親の幅に崩壊し、topとleftを混乱させない限り、その現在の位置にとどまります。

しかし、これはドキュメントフローからあなたのリストを削除し、ページのさらに下の他のレイアウトを壊す可能性があります。

Check out this fiddle for an example.黄色の背景にはリストが含まれていないことに注意してください。

2012-03-15 03:00:46 Brandan

私はあなたがフィドルの間違ったリンクを持っていると思います。これはうまくいくようです：http://jsfiddle.net/FK3cd/6/あなたが言ったように、それはレイアウトを破るでしょう。他の答えがない場合、これを正解とマークします。 –

あなたはそうです。私はURLをコピーする前に、フィドルを保存するのを忘れました。私は私の答えでそれを修正した。 – Brandan

-1

私はこれがCSS内では可能ではないと信じています。明示的な幅を設定したくないので、コンテナのサイズはコンテンツに合わせて調整されます。

2012-03-15 02:59:09 Yus

答えて