1

コード例は次のとおりです：http：//jsfiddle.net/gubvw/3/

テストウィンドウでサイザーをドラッグして画面サイズをゆっくりと変更すると、数列が散在していることがわかります。

カラム散乱

この問題を解決するにはどうすればよいですか？

更新：これは、FLUIDCSSGRIDシステムがWebアプリケーションのレイアウトを作成するためのものです。テーブルを取りたくない。この例は、サイズ変更やその他の寸法でこのグリッドをテストするためのものです。

問題は、.cx1を55 + 43pxに計算してピクセルに丸めるブラウザにあると思います。
また、.cx5は449 + 43pxに計算され、.cx1が55pxに丸められるのを監視していません。

特にデクスターフインダのために：
100％の幅がありますか？右に3.8％のマージンがある12列（最後を除く）。

So for cx1 = (1*(100+3.8))/12-3.8 = 4.85%
for cx2 = 4.85*2+3.8 = 13.5%
for cx3 = 4.85*3+3.8*2 = 22.15%
and so on.
The main formula to calculate any column width from 1 to 12 is
       (a*(100+b))/12-b (where a = number of spanned columns and b is margin)

数学への質問はありますか？

そして問題はその理由です：width(4.85%+3.8%+4.85%+3.8%+4.85%) <> width(22.15%)

したがって、説明する必要がない場合は、.cx幅の間違いを見つけてください。あなたはできる？

4

3 に答える 3

0

cssファイルで指定できる固定幅のdivを使用するか、テーブルを介して作成できます。実際には、あなたの div は適切に引き締められていません。これが主な理由です。

于 2012-07-10T10:10:49.563 に答える
0

解決策はこちら: http://jsfiddle.net/NwkPz/。
Vasiliy Aksyonov (Web Standards Days) && Vadim Makeev (Opera Software) に感謝します
うん

)))

于 2012-07-11T09:14:42.807 に答える
0

あなたのアプローチは、再考することでできると思います。

列を揃える必要がある場合は、テーブルを使用するか、固定幅の div を使用します。クラスを使用しているので、そこにあるパーセンテージ幅ではなく、クラスを介して固定幅を適用してみませんか。

固定幅フォントを組み合わせて使用​​すると、望ましい効果が得られる場合もあります。

于 2012-07-10T10:11:20.027 に答える