1

編集：以下に例を追加しました。

ニュースレターとして送信する次のコード（たとえば簡略化）があります。

<table width="700">
    <tr>
        <td width="700"><!-- Really trying to set 700 as max) -->

            <table width="700"> <!-- simple table content, not bigger than 700 --></table>
            <table width="350"> <!-- simple table content, not bigger than 350 --></table>
            <table width="350"> <!-- simple table content, not bigger than 350 --></table>

        </td>
    </tr>
</table>

期待される結果：
[------ table 700 ------]
[ table 350 ][ table 350 ]

Windows Live メールでの結果: (Mac のメールでは正常に動作)
[------ table 700 ------][ table 350 ][ table 350 ]

ラッピング TD とテーブルは 700 に設定されていますが、すべて 1 行で表示されますが、新しい行から始まると予想されます。

ブレークを追加できません。これは動的コードであり、さらにパーツがあり、行の最後のコードがわかりません。

「テーブルを使用してメールの送信を開始する」以外に、これに関するトピックが見つかりません-初心者向けのソリューション。

誰でも手がかりを得ましたか？

4

2 に答える 2

0

style="display:block;"トップテーブルに追加します。

<td>ただし、それらをフロート/アラインメントするのではなく、独自の に配置する方がよいでしょう。

このような：

<table width="700" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#eeeeee">
      ...
    </td>
  </tr>
  <tr>
    <td>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="350" bgcolor="#cccccc">
            ...
          </td>
          <td width="350" bgcolor="#dddddd">
            ...
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

これは、同様の質問/回答です。これは、テーブルの整列で直面する可能性が高い別の問題を説明しています。

レスポンシブに行こうとしている場合は、代わりに<td>'s with を使用display:block;して、メディア クエリがトリガーされたときにそれらを「ポップ」ダウンさせることができます。例はこちら

于 2014-03-28T14:09:13.270 に答える