1

Silverlight アプリケーションを「html5」Web アプリケーションに変換中です。複雑なエンタープライズフォームをレイアウトするための最も効率的で読みやすいマナーは何かを知りたいだけです。フォームの例を次に示します。

ここに画像の説明を入力

これを xaml で数分でレイアウトできます。次のように配置されます。

ここに画像の説明を入力

html でテーブルを使用するのは悪い形だと聞いたことがあります。アドバイスをいただければ幸いです。

ありがとう

4

3 に答える 3

1

フォームは確かに表形式のデータ、または少なくとも表形式のデータの入力であると主張する人もいるかもしれません。次のようなテーブルを使用する代わりに:

Name      | John 
Last Name | Doe
Country   | XX

次のように言えます。

Name      | <input>
Last Name | <input>
Country   | <input>

テーブルのようにも機能するので、それはあなた次第だと思います。

于 2012-08-14T02:42:34.897 に答える
1

レイアウトの問題を自動的に解決するオブジェクト指向 CSS を使用することをお勧めします。さまざまなシナリオで構造をさまざまなサイズに合わせたいので、css でグリッド システムを使用してデザイン レイアウトを一元化することをお勧めします。

.left { float:left; }
.right { float: right }
.global { width: 960px; }
.onefifth { width: 20%; }
.onetenth { width: 10%; }
.onetwentieth { width: 5%; }

等々...

このアプローチにより、スタイリングが大幅に削減され、パフォーマンスが向上することをお約束します。

IMHO テーブルを使用しないと、生活が楽になります。

参照: https://github.com/stubbornella/oocss/wiki/ (オブジェクト指向 CSS) これは Nicole Sullivan が Yahoo と Facebook で行ったことであり、一見の価値があります。

于 2012-08-14T05:28:43.993 に答える
0

まず、本当に html5 が必要ですか、それともモダンだと聞いただけですか?

第二に、テーブルを表形式のデータに使用しないと、テーブルは良くありません。たとえば、表を使用して Web サイトをレイアウトすることは非常に悪いことです。あなたのシナリオでは、cssについて少し学び、フローティング、div、フィールドセットなどを利用することをお勧めします.

于 2012-08-14T00:26:18.113 に答える