如何做防止图像在 HTML signature 从 iphone 上环绕 & Android ?

标签: Android ios HTML CSS
发布时间: 2016/10/10 22:33:17
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我需要完成公司电子邮件 signature 。 看起来不错在桌面上,但在 iPhone 上打开时或 Android ,图像会换到下一行。 他们应该在同一行,创造充分的 effect 。请参见下面的代码。

<span style="color: #000000;"><em><span style="color: #808080;"><img class="alignnone size-full wp-image-250" src="https://mtgrecruiter.files.wordpress.com/2016/09/kelley-lobona-051-e1473885068625.jpg" alt="kelley-lobona-05" width="392" height="100" /><img class="alignnone size-full wp-image-251" src="https://mtgrecruiter.files.wordpress.com/2016/09/kelley-lobona-061-e1473885082990.jpg" alt="kelley-lobona-06" width="53" height="100" /><img class="alignnone size-full wp-image-252" src="https://mtgrecruiter.files.wordpress.com/2016/09/kelley-lobona-071-e1473885094151.jpg" alt="kelley-lobona-07" width="48" height="100" /></span></em></span><br />
<em><span style="color: #808080;">p</span></em>: <span style="color: #000000;">713-572-2100 |</span><em><span style="color: #808080;"> c:</span></em> <span style="color: #000000;">770-891-6968 |<span style="color: #808080;"><em> w: </em></span>www.proalt.com</span>

解决方法 1:

effect的发生因为内外 span 不是大得足以容纳图像。所以,你可以设置 min-width de 跨度,为了得到你的三个图像一样大。此外,您应该设置 de display propertyblock ,因为你不能修复的内联元素的宽度。

我建议你使用 div 而不是 span 。不管怎么说,在这里你有一个工作示例

诀窍就将这添加到您的范围︰

min-width:495px;
display:block;
赞助商