我有我认为可能是一个非常简单的 HTML 相关问题答案

【问题标题】：I have what I believe is probably a very simple HTML related issue我有我认为可能是一个非常简单的 HTML 相关问题
【发布时间】：2014-08-21 17:23:57
【问题描述】：

我一直在努力让我的工作签名在我的 Android 上看起来与我在 Outlook 中的签名相同。

这个我已经差不多成功了，此时两者唯一的区别就是每句之间有一个空行——应该没有空格。

我一直在尝试修补这个问题，但我对编码还不够熟悉，无法找出问题所在。

我正在寻找的只是编辑这段代码，以使每个句子之间没有间隙，或者甚至让某人仅仅指出我需要从代码中删除的内容，然后我就可以继续继续修补。

非常感谢我能得到的所有帮助。

这是代码：

<html>
<body lang="EN-CA" link="#0563C1" vlink="#954F72" style='tab-interval: 36.0pt'>
    <div class="WordSection1">
        <p class="MsoNormal">
            <o:p>&nbsp;</o:p>
        </p>
        <p class="MsoNormal">
            <o:p>&nbsp;</o:p>
        </p>
        <p class="MsoNormal">
            <a name="_MailAutoSig"><b><i><span style='font-size: 14.0pt; mso-ascii-font-family: Calibri;
                mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman";
                color: #002060; mso-fareast-language: EN-CA; mso-no-proof: yes'>Hassan Mahmood</span></i></b></a><span
                    style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='mso-ascii-font-family: Calibri;
                        mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman";
                        mso-ansi-language: EN-US; mso-fareast-language: EN-CA; mso-no-proof: yes'><o:p></o:p></span></span></p>
        <p class="MsoNormal">
            <span style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='font-size: 10.0pt;
                mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;
                mso-bidi-font-family: "Times New Roman"; color: #002060; mso-ansi-language: EN-US;
                mso-fareast-language: EN-CA; mso-no-proof: yes'>Direct Tel.: 416-214-2277<o:p></o:p></span></span></p>
        <p class="MsoNormal">
            <span style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='font-size: 10.0pt;
                mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;
                mso-bidi-font-family: "Times New Roman"; color: #002060; mso-ansi-language: EN-US;
                mso-fareast-language: EN-CA; mso-no-proof: yes'>Fax: 647-497-5724<o:p></o:p></span></span></p>
        <p class="MsoNormal">
            <span style='mso-bookmark: _MailAutoSig'></span><a href="mailto:hmahmood@chippingham.com">
                <span style='mso-bookmark: _MailAutoSig'><span style='font-size: 10.0pt; mso-ascii-font-family: Calibri;
                    mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman";
                    mso-fareast-language: EN-CA; mso-no-proof: yes'>hmahmood@chippingham.com</span></span><span
                        style='mso-bookmark: _MailAutoSig'></span></a><span style='mso-bookmark: _MailAutoSig'><span
                            lang="EN-US" style='font-size: 10.0pt; mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri;
                            mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman"; color: #002060;
                            mso-ansi-language: EN-US; mso-fareast-language: EN-CA; mso-no-proof: yes'><o:p></o:p></span></span></p>
        <p class="MsoNormal">
            <span style='mso-bookmark: _MailAutoSig'></span><a href="http://www.chippingham.com/">
                <span style='mso-bookmark: _MailAutoSig'><span lang="FR-CA" style='font-size: 10.0pt;
                    mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;
                    mso-bidi-font-family: "Times New Roman"; color: blue; mso-ansi-language: FR-CA;
                    mso-fareast-language: EN-CA; mso-no-proof: yes'>www.chippingham.com</span></span><span
                        style='mso-bookmark: _MailAutoSig'></span></a><span style='mso-bookmark: _MailAutoSig'><span
                            lang="FR-CA" style='font-size: 10.0pt; mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri;
                            mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman"; color: #1F497D;
                            mso-ansi-language: FR-CA; mso-fareast-language: EN-CA; mso-no-proof: yes'><br>
                        </span></span><span style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='font-size: 7.5pt;
                            font-family: "Arial","sans-serif"; mso-fareast-font-family: Calibri; color: #1F497D;
                            mso-ansi-language: EN-US; mso-fareast-language: EN-CA; mso-no-proof: yes'>
                            <br>
                        </span></span><span style='mso-bookmark: _MailAutoSig'><b style='mso-bidi-font-weight: normal'>
                            <span style='font-size: 14.0pt; font-family: "Cambria","serif"; mso-fareast-font-family: Calibri;
                                mso-bidi-font-family: "Times New Roman"; color: black; mso-fareast-language: EN-CA;
                                mso-no-proof: yes'>
                                <img border="0" width="350" height="74" id="Picture_x0020_1" src="http://www.chippingham.com/image001.jpg"
                                    alt="CFG_Crest 74x350"></span></b></span><span style='mso-bookmark: _MailAutoSig'><span
                                        lang="EN-US" style='mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri;
                                        mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman"; mso-ansi-language: EN-US;
                                        mso-fareast-language: EN-CA; mso-no-proof: yes'><o:p></o:p></span></span></p>
        <p class="MsoNormal">
            <span style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='font-size: 10.0pt;
                mso-ascii-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;
                mso-bidi-font-family: "Times New Roman"; color: #002060; mso-ansi-language: EN-US;
                mso-fareast-language: EN-CA; mso-no-proof: yes'>Suite 2105 &#8211; 77 King Street
                West, Toronto-Dominion Centre PO Box 357, Toronto, ON M5K 1K7</span></span><span
                    style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='mso-ascii-font-family: Calibri;
                        mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman";
                        mso-ansi-language: EN-US; mso-fareast-language: EN-CA; mso-no-proof: yes'><o:p></o:p></span></span></p>
        <p class="MsoNormal">
            <span style='mso-bookmark: _MailAutoSig'><span lang="EN-US" style='mso-ascii-font-family: Calibri;
                mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri; mso-bidi-font-family: "Times New Roman";
                mso-ansi-language: EN-US; mso-fareast-language: EN-CA; mso-no-proof: yes'>
                <o:p>&nbsp;</o:p>
            </span></span>
        </p>
        <span style='mso-bookmark: _MailAutoSig'></span>
        <p class="MsoNormal">
            <o:p>&nbsp;</o:p>
        </p>
    </div>
</body>
</html>

非常感谢您的帮助；非常感谢。

【问题讨论】：

我看到已经进行了编辑，将其分解为三个句子而不是一个句子，但我想这是为了清楚起见而不是修复代码？再次，如果我错了，请随时纠正我；我绝不是消极或批评，我只是想澄清一下编辑是否能解决我的问题？

标签： html email outlook html-email signature

【解决方案1】：

您发布的 HTML 似乎是从 MSOffice 生成的（我猜是通过 Outlook），这意味着 没有人愿意阅读它。

我的建议是把它扔掉，然后使用简单的 HTML 从头开始编写。

 <div>
      <div style="font-weight:bold;font-style: italic;">Hassan Mahmood</div>
      <div>Direct Tel.: 416-214-2277</div>
      <div>Fax: 647-497-5724</div>
      <div>
          <a href="mailto:hmahmood@chippingham.com">hmahmood@chippingham.com</a>
      </div>
      <div><a href="http://www.chippingham.com">www.chippingham.com</a></div>
      <div>Suite 2105 – 77 King Street West, 
            Toronto-Dominion Centre PO Box 357, Toronto, ON M5K 1K7
     </div>
</div>

从那里，您可以添加style= 属性以按照您喜欢的方式进行调整。

【讨论】：

我知道 Outlook 本质上往往是微软风格的，因此难以使用，但我的困境是我需要签名来模仿办公室惯例。如果我有能力决定整体政策，为了简单起见，我会编辑整个公司的签名，但是，我不能这样做。与我从 Outlook 中获得的代码相比，我甚至花了很长时间才达到我粘贴的目的；移动签名和 Outlook 签名之间唯一不同的是行之间的换行符。
Office 生成的 HTML 不是“Microsoft esque”——它过于神秘和令人困惑，主要是因为它需要“可往返”——它需要能够重新生成原始DOC 文件通过读取 HTML 文件。因此，当将其显示为 Html 时，大约 95% 的生成 Html 是不必要的。从我给你的简化 Html 中，你可以在任何 DIVs 上添加 style 属性来模仿原始的。
我能从我最初提供的代码中删除样式属性吗？或者我是否需要研究如何最好地添加我需要的样式属性？我的困境是有各种字体和颜色。非常感谢！如果我很痛苦，真的很抱歉。
如果你想深入挖掘所有细节以找出细节，那就试试吧！重要的细节似乎是：Calibri 字体，第一行 14 点，其余 10 点。