包括自己的html和css在Outlook的签名_html-js-css

概述编辑我已经实现了html作为一个签名,但现在的问题是非常奇怪的. 我有一个签名,每次我从Outlook发送到一个web邮件服务外观放在html的标签和混乱所有的间距.我如何解决这个问题我有一个关于Outlook签名的问题.对于我的工作,我必须签名,所以它看起来更专业.我已经做了一个测试,看看我需要如何将其实现到签名的HTML中,但我不太清楚. 这是Outlook生成的代码： <style>< 编辑
我已经实现了HTML作为一个签名,但现在的问题是非常奇怪的.

我有一个签名,每次我从Outlook发送到一个web邮件服务外观放在HTML的标签和混乱所有的间距.我如何解决这个问题

我有一个关于Outlook签名的问题.对于我的工作,我必须签名,所以它看起来更专业.我已经做了一个测试,看看我需要如何将其实现到签名的HTML中,但我不太清楚.

这是Outlook生成的代码：

<style><!-- /* Font DeFinitions */ @Font-face    {Font-family:Calibri;    panose-1:2 15 5 2 2 2 4 3 2 4;    mso-Font-charset:0;    mso-generic-Font-family:swiss;    mso-Font-pitch:variable;    mso-Font-signature:-520092929 1073786111 9 0 415 0;} /* Style DeFinitions */ p.Msonormal,li.Msonormal,div.Msonormal    {mso-style-unhIDe:no;    mso-style-qformat:yes;    mso-style-parent:"";    margin:0cm;    margin-bottom:.0001pt;    mso-pagination:wIDow-orphan;    Font-size:11.0pt;    Font-family:"Calibri","sans-serif";    mso-ascii-Font-family:Calibri;    mso-ascii-theme-Font:minor-latin;    mso-fareast-Font-family:"Times New Roman";    mso-fareast-theme-Font:minor-fareast;    mso-hansi-Font-family:Calibri;    mso-hansi-theme-Font:minor-latin;    mso-bIDi-Font-family:"Times New Roman";    mso-bIDi-theme-Font:minor-bIDi;}p.MsoautoSig,li.MsoautoSig,div.MsoautoSig    {mso-style-priority:99;    mso-style-link:"E-mailhandtekening Char";    margin:0cm;    margin-bottom:.0001pt;    mso-pagination:wIDow-orphan;    Font-size:11.0pt;    Font-family:"Calibri","sans-serif";    mso-ascii-Font-family:Calibri;    mso-ascii-theme-Font:minor-latin;    mso-fareast-Font-family:"Times New Roman";    mso-fareast-theme-Font:minor-fareast;    mso-hansi-Font-family:Calibri;    mso-hansi-theme-Font:minor-latin;    mso-bIDi-Font-family:"Times New Roman";    mso-bIDi-theme-Font:minor-bIDi;}span.E-mailhandtekeningChar    {mso-style-name:"E-mailhandtekening Char";    mso-style-priority:99;    mso-style-unhIDe:no;    mso-style-locked:yes;    mso-style-link:E-mailhandtekening;}.MsoChpDefault    {mso-style-type:export-only;    mso-default-props:yes;    mso-ascii-Font-family:Calibri;    mso-ascii-theme-Font:minor-latin;    mso-fareast-Font-family:"Times New Roman";    mso-fareast-theme-Font:minor-fareast;    mso-hansi-Font-family:Calibri;    mso-hansi-theme-Font:minor-latin;    mso-bIDi-Font-family:"Times New Roman";    mso-bIDi-theme-Font:minor-bIDi;}@page WordSection1    {size:595.3pt 841.9pt;    margin:70.85pt 70.85pt 70.85pt 70.85pt;    mso-header-margin:35.4pt;    mso-footer-margin:35.4pt;    mso-paper-source:0;}div.WordSection1    {page:WordSection1;}--></style></head><body lang=NL style='tab-interval:35.4pt'><div class=WordSection1><p class=MsoautoSig><span style='mso-fareast-Font-family:Calibri;mso-fareast-theme-Font:minor-latin'><o:p>&nbsp;</o:p></span></p></div></body></HTML>

我真的不明白我需要放在我的代码中.
这是我的代码：

<style>a {    text-decoration: none;    color: inherit;}.wrapper {    wIDth:50%;    Font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;}.topText {    Font-size: 11pt;    margin-bottom: 5px;}.topline {   border-top: 2px solID  #C80032;   margin-bottom: 5px;}.content {    height:100px;    wIDth: 100%;    margin-bottom: 5px;}p {    Font-size:10pt;}.left-content {    float:left;    margin-right: 140px;}.right-content {}.name {    margin: 0px !important;    float: left;}.address {    margin: 0px 0px 0px 20px;}.address_A {    margin: 0px 0px 0px 30px;}.address_M {    margin: 0px 0px 0px 14px;}.bottombar {    float: right;    wIDth:74.5%;    height: 25px;    background-color:#7F7B7B;    color: white;    Font-size: 12pt;    text-align: left;    margin-left: 18px;}.tableStyle{    margin-bottom: 5px;}.social-Blocks{    background-color:white;    wIDth: 25px !important;    height: 25px !important;    float:left;    margin-left: 15px;    text-align:center;    Font-size: 23px;    color: #0987B2;}.bottom-bar-first{    float: left;    wIDth:11%;    height: 25px;    background-color:#7F7B7B;    color: white;    Font-size: 12pt;}.bottom_Span{ margin-left: 10px;}.suplacon@R_502_6192@{    height:90px ;    wIDth:190px;}.@R_502_6192@{    float: right;}</style><link rel="stylesheet" href="style.CSS"></head><div > <div >Met vrIEndelijke groet,</div>    <div ></div>    <img  src="images/@R_502_6192@.png" height="80" wIDth="350">    <table  cellpadding="0">        <tr>            <td><span><strong>information</strong></span></td><td><span ><strong>information</strong></span></td>        </tr>        <tr>            <td><span >T</span><span > information</span></td>            <td><span >information</span></td>        </tr>        <tr>            <td><span >M</span><span >information</span></td>            <td><span >information</span></td>        </tr>        <tr>            <td><span >E</span><span >information </span></td>            <td><span ><a href="">information</a></span></td>        </tr>    </table>    <div >        <div ></div>        <div ><a href=""><span  target="blank"></span></a></div>        <div ><a href="" target="blank"><span ></span></a></div>        <div ><a href="" target="blank"><img src="" height="25"></a></div>        <div ><span ><strong> information</strong></span></div>    </div></div>

如何将代码包含在Outlook的代码中,或者我需要放置代码？我发现这个,似乎我的CSS确实是兼容的：

Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007

解决方法