"DIVが1行にしか入らない"場合、 "異なる行のすべてのDIVを取得する"

Question

私は最後の日に解決策を見つけようとしましたが、私はできませんでした。

状況：divのテキスト（ユーザーの質問）と別のdivのラジオボタン（可能な回答）があります。

例：

• をすべて1行でそれが可能であれば（幅<親の幅の合計）

：

<div class="group"> 
<div class="question">How old are you?</div> 
<div class="answergroup"> 
    <div class="answ"><radiobutton....></div> 
    <div class="answ"><radiobutton....></div> 
    <div class="answ"><radiobutton....></div> 
</div> 
</div> 
</div> 

今私が持っているように私を可能にCSSをしたいです

• "質問"可能な場合はONEその他の "answergroup"（2行目のすべての回答）

• 「質問」が1行にあり、必要に応じてそれぞれ別の行（2行とも「応答」）で「応答」します（行は質問、回答＃1、回答＃2、回答＃3 ...およびNEVERの質問、＃2 ANSW＃1 & ANSW 、ANSW＃3 ..

私は3種類のソリューションを持っているために、CSSを使用する方法を知っているが、は、どのように私は実際の幅に基づいてそれらを適用することができますブラウザの状況？

私はメディアクエリが解決策ではないと思います。 DIVの実際のレンダリングを「認識」する必要があります。 jQueryベースのソリューションが必要ですか？

おかげ コジモ

Answer 1

あなたは、CSSのメディアクエリを使用することができます。ここをクリックしてください：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp