-1

--注: 私はまだ CSS と html にかなり慣れていません)--

コーディング (CSS、HTML) をさらに練習しようとして、自分用にちょっとしたものを作ることにしました。画面の一部 (html ページ) は、以下のような小さなブロックで埋められます。これらはすべて同じサイズですが、異なる色 (1 列 = 1 色) と異なるテキストを含めることができます (以下に示すように)。また、画像を含めることも許可する必要があります。小さなブロックごとに異なるリンクになります。

このような小さなブロックは全部で 50 個 (1 列に最大 5 個) を超える場合があり、それぞれに異なるテキスト (サイズ、太さ、(非) 大文字) または画像、および異なるリンクが含まれます。頭の後ろでは、Javascript を追加してそれらとやり取りすることも考えています (リンクを開く、またはブロックを追加/削除するなど)。

今、私はそれをどうするか考えていました。テーブルと div の 2 つのオプションがあります。

どちらも一長一短ありますので、ご意見を伺いたいです。なぜどちらか一方に行くのですか?私が見落としたかもしれない他の解決策はありますか?

編集:私のアイデアの短い要約(時間がない):

  1. 分割:
    • 各 div の変更が容易
    • Javaで簡単に
    • その中のテキストや画像を簡単に変更できます
    • 私の好みを楽しんでいるようです
    • ブロック (パディング) とブロック間のスペースを横に編集するには、追加のコードが必要です
  2. テーブル:
    • 一度にたくさん作りやすい
    • より明確なコード
    • 各ブロックのテキストスタイルや画像を変更するのが難しい

例

4

3 に答える 3

1

div 、css テーブルを使用した div、またはプレーンな古い html テーブルを使用できます。

絶対位置と幅/高さが必要な場合は、div を使用します。

独自に拡張できるセルが必要な場合は、テーブルを使用してください。

css テーブルはかなり新しく、あまり使用していないので、自分で決める必要があります。Web ページを作成する際の傾向として、最近ではテーブルをほとんど、またはまったく使用せずに div を使用しています。しかし、それはあなた次第です。

于 2013-03-20T12:13:28.730 に答える
0

最も簡単な方法は、フローティング div を大量に使用することです。コンテンツのレイアウトに表を使用するべきではなく、表に表示する必要があるものにのみ使用してください。

例えば。

float:left;
margin:10px 10px 0 0;
width:50px;
height:50px;

次に、それらがすべて異なる色の場合は、インラインまたはいくつかのクラスでスタイルを設定できます

于 2013-03-20T12:35:21.743 に答える
0

それらをインタラクティブにすることを計画している場合。絶対に Div を使用する必要があります。Javascript を使用すると簡単に使用できます

于 2013-03-21T17:29:34.590 に答える