0

私は現在プロジェクトに取り組んでおり、テーブルのセルを次のように表示する必要があります。

|       |   [Cell One] [Cell Two]
| Image | 
|       | [Cell Three] [Cell Four]

私の教科書をグーグルで読んで読んでも、私のコードがこれをしていると言っているので、そうする方法を見つけることができないようです:

|       | [ Cell One]
|       | [ Cell Two]
| Image | [ Cell Three] 
|       | [ Cell Four]

CSS構文、HTMLタグ、または私が見逃した程度のものでこれを修正する方法はありますか?

4

2 に答える 2

3

< tr> タグを忘れている可能性があります。正しいテーブル構文:

<img style="float:left" src="images/custom_br.png" alt="img">
<table style="float:left" border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

これは思い通りに機能します。

于 2013-04-16T13:27:47.153 に答える
1

次のように、これを HTML 形式で機能させるには、rowspan を利用する必要があります。

<table>
  <tr>
    <td rowspan="4"><!-- Image here --></td>
    <td rowspan="1"></td>
  </tr>
  <tr>
    <td rowspan="1"></td>
  </tr>
  <tr>
    <td rowspan="1"></td>
  </tr>
  <tr>
    <td rowspan="1"></td>
  </tr>
</table>

ここで jsFiddle を参照してください: http://jsfiddle.net/dhvnP/

これに似たことを行うこともできますが、レイアウトは純粋に説明のためのものであり、実際にレイアウトを作成している場合は、テーブルのないレイアウトを好みます: http://jsfiddle .net/NRsbV/

于 2013-04-16T13:27:53.680 に答える