用于 HTML 电子邮件签名的 div 样式内联 nowrap答案

【问题标题】：div style inline nowrap for HTML email signature用于 HTML 电子邮件签名的 div 样式内联 nowrap
【发布时间】：2017-04-15 14:25:28
【问题描述】：

我正在创建一个 HTML 电子邮件签名，并且在手机等小型设备上，当屏幕分辨率不足以容纳签名时，我无法阻止它被换行。我已经尝试了我在这里找到的所有内容的组合，或者是关于类似问题的几个建议中的一个或多个，但似乎没有任何效果。

这是正确的签名和两个不正确的版本：

signature examples

这是我们目前拥有的代码：

<div style="line-height:18px; margin:0px; padding: 0px 8px 8px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1e394e; display:inline-block; white-space: nowrap; overflow: hidden; min-width:500px;">

Sonnie Parker
合伙人，高级管理员
334-482-4248 avnirvana.com

【问题讨论】：

它没有显示所有的代码......不知道如何让它显示出来。
avnirvana.com"><img src="avnirvana.com/images/email_logo.png" style="float:left;填充：0px 7px 0px 0px； border-right:2px solid #000000;">桑尼·帕克
合伙人，高级管理员
334-482-4248 avnirvana.com" style="color:#0f67b5 !important;">avnirvana.com
facebook.com/avnirvana" style="color:#1e394e; padding:0px 0px 0px 7px;">avnirvana.com/images/facebook_icon.gif" style="padding:2px 0px 0px 0;" border="0"> twitter.com/AV_NIRVANA" style="color:#1e394e;">avnirvana.com/images/twitter_icon.gif" style="padding:2px 0px 0px 0;"边框="0">

请将您的代码放在原始帖子中的代码示例或 sn-p 中。

.parent { white-space: nowrap; } .parent>div { display: inline-block; } .left { width: 50%; padding-right: 7px; border-right: 2px solid #000000; box-sizing: border-box; } .left img { width: 100%; } .right { width: 50%; color: #1e394e; padding-left: 7px; box-sizing: border-box; }

<div class="parent"> <div class="left"> <a href="avnirvana.com"> <img src="https://www.avnirvana.com/images/email_logo.png"> </a> </div> <div class="right"> <div> <strong>Sonnie Parker</strong> </div> <div> <em>Partner, Senior Administrator</em> </div> <div> 334-482-4248 <a href="avnirvana.com" ; style="color:#0f67b5 !important;">avnirvana.com</a> </div> </div> </div>