さて、私はこれを100万通りの方法で達成しようとしましたが、良い方法を見つけることができません.
私がしたいのは、幅を定義せずにスタイルシートにボックスを作成して、任意の数のダッシュボード アイテムのモジュール コンテナーとして使用し、幅 25、幅 33、幅 50、幅 100 のクラスを用意して、モジュール コンテナーの幅を次のように設定することだけです。 25%、33% など... 状況に応じて。
各コンテナの間に、スペーサーまたはバンパーが必要です。1 行に 3 つのボックスがあるとします: 25%、50%、25%。スペーサーを追加するには、実際に width25 を 24% に設定し、バンパーを 1% に設定する必要があります。親コンテナーの幅を 100% 埋めようとすると、おかしなことになります。私は理にかなっていますか?
これを行うより良い方法はありますか?ボックスにパディングを追加すると、さらに問題が発生します。これは、div の合計幅にも追加されるためです。私はちょうどこのような素敵できれいなものが欲しいです:
...各モジュールには同じクラスがあり、幅のクラスを除きます。理想的には、これらの幅は width25 = 25%...width50 = 50%... であり、バンパーのサイズを補うためにあいまいな幅ではありません。
考え?これは私を怒らせています。