2

3つのテーブルを並べて配置しようとしています。テーブルを別のテーブルの中に置くと、中央のテーブルに多くのコンテンツが含まれているため、最初のテーブルが垂直方向に大きくなりすぎて見栄えが悪くなるため、機能しません。

私がやろうとしているのは、3行下の最初のテーブルがある単純なページを作成することです。2番目のテーブルは1列1行のコンテンツのレイアウトで、3番目のテーブルも1列1行です。これらのテーブルを並べて配置する必要があります。

私はウェブを検索しましたが、これを実行できる人を見つけることができません。テーブルを追加すると、それらは互いに重なり合います。誰かが私の3つのテーブルを並べるのを手伝ってくれますか？

      <table width="100" border="1">
        <tr>
       <td>&nbsp;</td>
       </tr>
       <tr>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>
      <table width="100" border="1">
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>
      <table width="100" border="1">
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>

これにCSSコーディングが必要な場合は、これも提供できますか。私はまだ高度なCSSとHTMLを学習しています。

4

5 に答える 5

10

style="float:left;" を追加 各テーブルへ。例えば：

<table width="100" border="1" style="float:left;">
于 2012-07-01T15:48:53.310 に答える
1

(高度な) CSS:

table{
 float:left;
}
于 2012-07-01T15:49:14.130 に答える
1

テーブルを使用する必要がある場合 (HTML 電子メールなどで使用する場合) は、ネスト テーブルを使用してほとんどのことを実行できるはずです。3 つのセルを持つ 1 つのラッパー テーブルを使用してから、3 つのテーブルをそれぞれラッパー テーブルのセルの 1 つに配置してみましたか? Dreamweaver は、テーブル用の非常に優れたツールです。これが表形式のデータまたは HTML メールでない場合は、表に基づかないレイアウトを検討する必要があります。

于 2012-07-01T15:52:43.183 に答える
0 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="900" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

これはどう

于 2013-04-27T22:58:03.897 に答える