2

コードは gmail と apples のメール クライアントでは正常に動作しますが、Outlook に夢中になっています。

<table cellpadding="0" width="600" align="center" valign="top" style="padding-bottom:10"            style="min-width:600px;">
<tr>
<td>    
<span style="font-family:Tahoma; background-color:#81DAF5; font-size:35px;"><i>Text</i>      </span>
</td>
<td>
<table align="right">
<tr>
<td align="right">
<span style="background-color:#ffffff; font-size:14px; font-family:Verdana, Geneva,   Arial, Helvetica, sans-serif"><i>Text</i></span>
</td>
</tr>
<tr>
<td align="right">
<span style="background-color:#ffffff; font-size:14px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif"><i>Text</i></span>
</td>
</tr>
</table>
</td>
</tr>
</table>

テーブル全体の最小幅を 600px にしたいのですが、Outlook では、ウィンドウ サイズを縮小するとテキストが折り返され始めます。

4

5 に答える 5

3

min-widthはOutlookではサポートされていません。

テーブルセル内にスパンとテーブルがあります。パーツごとに異なるセルを使用します。次のようなものが基本的な例です。

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center">
      <!-- Center Panel -->
      <table width="600" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="400">
            <span style="font-family:Tahoma; background-color:#81DAF5; font-size:35px;">
              <i>Text</i>
            </span>
          </td>
          <td width="200" style="font-size:14px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif">
            <!-- Nested to stack two rows, could also use br's or rowspans if preferred -->
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td align="right">
                  <i>Text</i>
                </td>
              </tr>
              <tr>
                <td align="right">
                  <i>Text</i>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
于 2013-07-15T18:13:52.420 に答える
1

'td' を列 ('thead' 行にある可能性がありますが、任意の 'tr' が機能します) に配置し、最小幅を維持するために必要な数の nbsp で埋めることができます。nbsp は改行不可のスペースです。つまり、(ほとんどの場合) 折りたたまれたり、行を折り返すことはできません。これには等幅フォントが最適です。

<table>
    <thead>
        <td style="font-family: Consolas, monaco, monospace;">&nbsp;&nbsp;&nbsp;MinimumWidthHolder&nbsp;&nbsp;&nbsp;</td>
    </thead>
    <tbody>
        <tr>
            <td>your text</td>
        </tr>
    </tbody>
</table>
于 2021-01-26T23:56:26.393 に答える
0

私にとって役に立ったのは、内側と外側のテーブルの両方の最小幅（および最大幅も）を設定することでした。「内側のテーブルで 100%」という Diodeus の提案は、私にはまったく当てはまりませんでした。

于 2014-11-04T12:34:11.307 に答える
0

内側のテーブルの幅を 100% に設定します。

<table width="100%" align="right">
于 2013-07-15T17:57:58.230 に答える