我需要最终确定公司电子邮件签名。它在桌面上看起来很棒，但是当它在iPhone或Android上打开时，图像会换行到下一行。它们应该都在同一条线上以创造完整的效果。见下面的代码。
<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>
答案 0 :(得分：1)
这种影响正在发生，因为外部span不足以容纳图像。因此，您可以将min-width设置为de span，以使其与三个图像一样大。此外，您应将de display属性设置为block，因为您无法修复内联元素的宽度。
我建议您使用div而不是span。无论如何，你在这里工作example。
诀窍是将此添加到您的范围：
min-width:495px;
display:block;