2

これに対する解決策を見つけるために2週間を費やしましたが、出くわすことはできません. それぞれの後にテーブルをフロートすると、Microsoft Word 2007 HTML レンダリング エンジンを使用する Microsoft Outlook 2007/2010 に 1 ピクセルのギャップが生じます。

ここに画像の説明を入力

テーブルを別<td>の 'sに配置しないという実用的な解決策に感謝します。

これを再現するための HTML コードは次のとおりです。

<html>
    <head>
    <title>Outlook 2007/2010 horizontal gap</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
        table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    </style>
</head>
<body bgcolor="#000000">
    <table bgcolor="#ffff00" align="left"><tr><td>&nbsp;</td></tr></table>
    <table bgcolor="#ffff00" align="left"><tr><td>&nbsp;</td></tr></table>
</body>
</html>

私がこれまでに試したこと：

  • display: inline-table;それ以外のalign="left"
  • mso-運がない他の関連するCSS属性を検索しました
  • <table>要素間の空白を削除
  • border-collapse: collapseとborder-spacing: 0
  • 追加border: 1px solid red;するとギャップがなくなりますが、テーブルの幅が広がります
  • その他displayの、paddingおよびmargin
  • 関連のない、または非推奨の html 属性 ( rules、frame、borderなど)<td>および/または<table>

楽しい要素:

これら 2 つのテーブルをテーブルに入れると、余分なギャップの幅が 2 ピクセルに増えます。

4

3 に答える 3

2

これは、テーブルをフロートする方法の例です。1pxのギャップを取り除くには、border="1"とmso-tablecssの組み合わせが必要です。例を参照してください：

<table bgcolor="#454545" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="5%"></td><td align="center" width="95%">


<div align="left" style="float: left; padding: 0px; margin:0px;">
  <table border="1" bordercolor="#959595" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace: -1pt; mso-table-rspace: -1pt; ">
    <tr>
      <td width="318" bgcolor="959595">table 1

      </td>
    </tr>
  </table>
</div>
<div align="left" style="float: left; padding: 0px; margin:0px;">
  <table border="1" bordercolor="#959595" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace:-1pt; mso-table-rspace: -1pt; ">
    <tr>
      <td width="318" bgcolor="959595">table 2

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


</td></tr></table>
于 2012-11-08T22:43:34.847 に答える
0

私たちはここでSOLかもしれません。また、Outlook 2007/10 と互換性のある電子メール形式にも取り組んでいます。私の測定値が正しければ、Outlook 2007/10/13 はborder-spacing表をサポートしていません。これが、おそらく間隔の問題を引き起こしている原因です。

参照:
Outlook 2007 での Word 2007 HTML および CSS レンダリング機能 (パート 1/2)
電子メールでの CSS サポートのガイド | キャンペーンモニター

于 2012-10-19T14:02:08.940 に答える
0

2 つのテーブルのそれぞれで table border="0" cellspacing="0" cellpadding="0" を試してください。あなたの問題が正しいことを理解していれば、これで解決するはずです:)

于 2012-07-02T11:09:31.997 に答える