2

かなり大きなWebアプリケーションのUIを書き直すことになっています。重要なのは、レイアウトが完全にテーブルに基づいていることです。どういうわけか、半自動でテーブルをdivに変換できれば、時間を大幅に節約できます。

このようなことをするときのベストプラクティスは何ですか?これはまったく良い考えですか?

アプリケーションは、実行時にhtmlに解析されるレイアウトファイル(ヘルパーに似たものを含む)を使用し、アプリケーション自体も特定の場所でhtmlを出力します。したがって、作業は、これらのヘルパーとアプリケーション内のhtmloutputコードの変換で構成されます。

4

2 に答える 2

4

CSSベースのテーブルレイアウトを使用します。

http://www.onenaught.com/posts/201/use-css-displaytable-for-layout

文字列の置換を行い、すべての、をそれぞれに変換します

次のようなスタイル定義を追加します。

div.table { display:table; }
div.tr    { display:table-row; }
div.td    { display:table-cell; }

そうすれば、すべてが実際には1つではなく、テーブルレイアウトのように見えるはずです。

大きな欠点:rowspanとcolspanを使用した場合、運が悪かったため、CSSにはそのようなメカニズムはありません。

于 2010-05-18T16:59:19.933 に答える
3

テーブルを回避する最大の利点は、HTMLでセマンティックマークアップを使用し、CSSを使用してレイアウトを実行し、コンテンツをプレゼンテーションから分離することです。

HTMLを生成するアプリケーションの場合、これはおそらく達成できず、「有害と見なされるテーブル」スタイルの警察を和らげる以外のメリットはほとんどないか、まったくありません。

<table>を<divclass= "table">などに置き換えるだけでは、確かにメリットはありません。これは、レイアウト用のテーブルを回避することで得られるメリットを完全に誤解しています。

于 2010-05-19T16:27:32.407 に答える