0

私はこのレイアウトを必要とするウィジェットに取り組んでいます:

ここに画像の説明を入力

上記の各アイテムが同じウィジェットであるが、全体の幅が異なるとします。

濃い緑色の部分は、特定の幅の列に配置されたウィジェット アイテムです。

私の問題は、各列の間に液体の間隔、つまり薄緑色の領域を達成することです。

また、ウィジェットが各項目に対応できない場合、次の行にそれらをスローすることにも注意してください。通常は CSS で実現されfloat:leftます。

ウィジェットの幅はウィンドウの幅に応じて変化するため、これが流動的であることが重要です。

編集:私が必要としているのは、(テキストではなく)スパン要素を正当化することです。CSS を使ってみましtext-align: justify;たが、うまくいきませんでした

4

2 に答える 2

0

パーセンテージ マージンを試すことができます: http://jsfiddle.net/6w2qj/1/

于 2012-08-07T11:19:38.650 に答える