HTML/CSS：親の幅は子に依存します

Question

申し訳ありませんが、私の英語は良くありません:)

ウィンドウの幅を変更する場合。 dm2の幅は、並べ替えられた列to-nに依存しますか？

dm1,dm2はCSSでは固定幅ではありません。

dm1にtext-alignを使用しようとしました。 display: inlineはdm2です。それは正常に動作しますが、私は間違ってそれを見つけました。私はそれを扱う他の方法を知りませんか？ここで

デモ：https://jsfiddle.net/bindo1995/m4vajbqw/2/

デフォルト

dm1に使用text-align、dm2どう

ためdisplay:inline;？私を助けるため

ありがとう！

Answer 1

問題は、floatまたはdisplay：inline-blockを使用することです。 to-nブロックは、各ブロックに十分なスペースがあるときに常に1つの行に水平に収まるようにしようとします。ブロックのためのスペースがないときは、2行目にあり、dm2にギャップがあります。最初の行が3行、2行目が2行でdm2が100％に収まるようにするには、2行のto-nブロックを作成する必要があります。