如何删除第一个单词 css 后的换行符？

Question

我正在 html/css 中创建一封电子邮件，发送给邮寄名单上的人，一切正常，除了在移动设备上，每个段落的第一个单词后都会换行，就像这样。

该代码由在线电子邮件模板生成器生成，如下所示。我很确定其中大约 80% 是多余的。

<td style="padding:18px 0px 0px 0px; line-height:22px; text-align:inherit;" height="100%" valign="top" bgcolor="" role="module-content">
   <div>
      <div style="font-family: inherit; text-align: left">
         <span style="box-sizing: border-box; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-size: 12px; vertical-align: baseline; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; text-align: center; color: #516775; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; background-color: rgb(255, 254, 254)">Dear {{contact}}, Please print out this sheet and display at entry point.&nbsp;</span>
      </div>
      <div></div>
   </div>
</td>

我可以添加什么 css 元素来摆脱这种影响，或者我应该删除什么 css 元素来摆脱这种影响？

Answer 1

删除 white-space: pre-wrap; 一切都会按预期工作。

阅读更多：https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

如何删除第一个单词 css 后的换行符？

How to remove line break after first word, css?

html

css

html-email