3

免責事項：私は通常、レイアウトにテーブルを使用しませんが、HTMLメールに最適なオプションのようです。私を信じてください、電子メールでdivで遊ぶことはさらに悪いことです。私は最良の回避策を探しています、私はどのように設計するかについてあまり制限がありません...

私はもうすぐそこにいますが、次のコードに問題があります。

<table border=1 width="600px">
  <tbody>
    <tr height="140px">
      <td width="210px"></td>
      <td width="180px"></td>
      <td width="210px"></td>
    </tr>
    <tr height="200px">
      <td colspan="3"></td>
    </tr>
    <tr height="100px">
      <td colspan="3"></td>
    </tr>
    <tr height="300px">
      <td width="300px"></td>
      <td></td>
    </tr>
  </tbody>
</table>

jsfiddle

私の特定の問題は、最後のセルで、テーブルのスペースをそれぞれ50％で分割してほしいということです。

ご覧のとおり、最後の<td>セルの幅を300px（テーブルの半分）に変更しましたが、これは最初のセルの幅も変更します。これは望ましくない結果です。最初の3tdつで210px、180px、210pxを維持する必要があります。割合。

念のため、ここにスケッチを示します。

ここに画像の説明を入力してください

4

4 に答える 4

3

テーブルを使用する必要がある場合（表形式のデータを表示しない限り、実際には使用しないでください）、ここでの解決策は、一番上の行を1つのセルにし、その中にセル幅と同じ数の別のテーブルをネストすることです。必要に応じて。それで：

<table>
<tr><td colspan="2">
    <table><tr>
        <td width="210"></td>
        <td width="180"></td>
        <td width="210"></td>
    </tr></table>
</td></tr>
<tr><td colspan="2"></td></tr>
<tr><td colspan="2"></td></tr>
<tr><td width="50%"></td><td width="50%"></td></tr>
</table>
于 2012-10-25T02:35:23.173 に答える
1

1つのテーブルでこれを行うことはできません。列は常に整列します。これが他のコンテンツのレイアウトの場合は、実際にdivベースのレイアウトを確認する必要があります。

テーブルを使用する必要がある場合：

<table border=1 width="600px">
    <tbody>
        <tr height="140px">
            <td width="210px"></td>
            <td width="180px"></td>
            <td width="210px"></td>
        </tr>
        <tr height="200px">
            <td colspan="3"></td>
        </tr>
        <tr height="100px">
            <td colspan="3"></td>
        </tr>
        <tr height="300px">
            <td colspan="3">
                <table>
                    <tr>
                        <td width="300"></td>
                        <td width="300"></td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>
于 2012-10-25T02:30:04.267 に答える
1

各列が可能な各分割を表すテーブルを作成してから、colspansを自由に使用します。したがって、210、300、490、および600で、合計4列のブレークが発生する可能性があります。

次に、最初の行を1、2、1にスパンし、全長を4にスパンし、次に半分と半分を2と2にスパンします。

于 2012-10-25T02:41:55.303 に答える
-1

ここでは、DIVの方が優れたソリューションになります。ここにテーブルが必要ですか？たぶん、div？

于 2012-10-25T02:28:12.020 に答える