Question

我有一个问题，已经在SO上解决了，它是关于在图像上显示文本，现在我的文字不止几行。

这是这样的：

<h1>Hellow</h1>
<p>Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum Lorium ipsum lorium ipsum</p>

以上必须翻阅图像。

此问题已得到解决on this thread。现在我尝试了线程中可能的所有解决方案，但没有任何方法可以帮助我。

gufa提供的解决方案，那是我尝试的解决方案和zano提供的解决方案，但它不是我想要的解决方案。

我需要为电子邮件而不是网页执行此操作。这是最大的问题。

我尝试了以下内容：

  <tr>
      <td valign="top" class="headerContent">
            <div style="position:relative;" >
                  <img src="http://i.imgur.com/FzuJB5L.jpg" style="max-width:600px;" id="headerImage" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext />
                                   <div style="position:absolute;top:30px;left:50px;right:50px;text-align:center;">
                                    <h1 style="display:inline-block;">Header</h1>
                                        <p style="font-size:13px;text-align:justify;">
                                                    We are a company based startup providing a unique service for washing .At lorium we implement innovative services for both owners &amp; lorium that are hassle free &amp; also saves time and money. lorium is proud to bring a change in people’s lives by delivering them peace of mind in the lorium domain. <br><br>
                                                    We aim to provide assured lorium returns to owners of lorium! 

                                    </p>    
                                  </div>
                                </div>
                              </td>
                           </tr>

这根本不起作用。这个问题有什么简单的解决方案吗？

修改

浮动和相对定位的解决方案实际上是有效的，但不幸的是，position:relative没有从流中取出一个元素，这就是你想要的，浮动并不是我想要的。

Answer 1

这真的很奇怪。为什么不将图像设置为背景，那么这将不是问题。

远离定位和浮动。

使用http://backgrounds.cm/来帮助客户支持，尤其是Outlook。

在图像上放置大量文本

修改

1 个答案: