0

テーブル、trs、および tds 全体に白い背景を持つ 3 つの列 (25px : 580px : 25px) を持つ単一のテーブル HTML があります。すべては、Outlook 2010 を除くすべてのブラウザーで機能します。

Outlook 2010 では、表の行の間の 2 つの外側の列に垂直方向のギャップが表示されます - 約 3 ピクセルのギャップです。背景の白がセル全体に表示されていないか、Outlook が改行などを追加しているようです。

スクリーンショットはこちら:

http://postimage.org/image/ft3zqg7jl/

影響を受ける行の構造は次のとおりです。

<tr><td height="20" width="25" align="left" valign="top" bgcolor="#ffffff"></td>
<td height="20" width="580" align="left" valign="top" bgcolor="#ffffff"></td>
<td height="20" width="25" align="left" valign="top" bgcolor="#ffffff"></td>
</tr>

これを引き起こしている原因と解決方法はありますか？

4

2 に答える 2

0

画像はインライン display:block に設定する必要があります

埋め込み CSS に追加します。

table, table td { border:0; border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; margin:0; padding:0; }`

table-cells の代わりに bgcolors をタグに入れる必要があります。

<table bgcolor="#ededed" cellpadding="0" cellspacing="0" border="0">
<tr>
  <td>
    <table bgcolor="#ffffff"cellpadding="0" cellspacing="0" border="0">
    <tr>
       <td height="20" width="25" align="left" valign="top"></td>
      <td height="20" width="580" align="left" valign="top"></td>
      <td height="20" width="25" align="left" valign="top" ></td>
    </tr>
    </table>
  </td>
</tr>
</table>
于 2014-11-15T00:26:54.267 に答える
0

可能な解決策：

  1. background-color: #ffffffCSSで設定
  2. &nbsp;影響を受けるに a を追加し、tdCSS を使用して設定font-size: 0pxし、line-height: 0px
  3. 上記の両方を同時に試してください:)
于 2012-07-26T21:18:59.657 に答える