Question

我在下面的代码中有一些文字，无法弄清楚如何包装它...现在它只是在页面上运行。非常感谢任何帮助。

<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>

Answer 1

您可能有一个CSS规则适用于导致此问题的span或p标记。

尝试将此CSS规则添加为重要内容，看看它是否能解决您的问题。

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

如果这可以解决你的问题，我会建议你向下钻取，找到导致该问题的css规则并进行一些更改，因为我不建议你将上述css规则与！important保持一致。

Answer 2

想出这只是我的Wrapper和容器尺寸的问题。改变了尺寸，现在一切都完美排列。

运行HTML句子，寻找包装方式

2 个答案: