1

我在下面的代码中有一些文字,无法弄清楚如何包装它......现在它只是在页面外不断地运行。将不胜感激任何帮助。

<p>&nbsp;</p>
<h3><span style="font-size: 22px; font-family: 'Playfair Display', serif; max-width:     900px;">Welcome!</span></h3>
<p>&nbsp;</p>
<hr style="width: 900px; color: #e0e0e0;" />
<p>&nbsp;</p>
<p><span style="font-family: arial, helvetica, sans-serif;">This is the most amazingest company of all in the wide universe. The owner is super beautiful, smart and amazing in every way. Please buy our stuff or we'll have to send out our people to break your legs and that would make us feel bad.</span></p>
<p>&nbsp;</p>
<hr style="width: 900px; color: #777777;" />
<p>&nbsp;</p>
<hr style="width: 900px; color: #777777;" />
<p>&nbsp;</p>
<table style="width: 900px;" border="0" cellspacing="3" cellpadding="2" align="center">
<tbody>
<tr>
<td><img class="__mce_add_custom__" title="wine-small.jpg" src="http://bluebasilgifts.mybigcommerce.com/product_images/uploaded_images/wine-small.jpg" alt="wine-small.jpg" width="295" height="197" /></td>
<td><img class="__mce_add_custom__" title="shipping-small.jpg" src="http://bluebasilgifts.mybigcommerce.com/product_images/uploaded_images/shipping-small.jpg" alt="shipping-small.jpg" width="295" height="197" /></td>
<td><img class="__mce_add_custom__" title="chocolate-small.jpg" src="http://bluebasilgifts.mybigcommerce.com/product_images/uploaded_images/chocolate-small.jpg" alt="chocolate-small.jpg" width="295" height="197" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<hr style="width: 900px; color: #777777;" />
<p>&nbsp;</p>
<h3><span style="font-size: 22px; font-family: 'Playfair Display', serif; max-width: 900px;">Featured Products</span></h3>
<p>&nbsp;</p>
<hr style="width: 900px; color: #777777;" />
<p>&nbsp;</p>
4

2 回答 2

1

您可能有一条 CSS 规则适用于您的spanorp导致此问题的标签。

尝试将此 CSS 规则添加为重要,看看它是否解决了您的问题。

span {
    word-break: normal !important;
    word-spacing: 0px !important;
    word-wrap: normal !important;
}

如果这可以解决您的问题,我建议您深入研究,找到导致该问题的 css 规则并进行一些更改,因为我不建议您将上述 css 规则与 !important 一起保留。

于 2013-10-08T23:33:37.537 回答
0

发现这只是我的 Wrapper 和 Container 尺寸不正常的问题。改变了尺寸,现在一切都完美排列。

于 2013-10-16T12:19:26.323 回答