html - 我网站的一行 html 文本在移动浏览器中重叠

Question

我有一个 CSS 问题，不是换行而是文本重叠，而是在移动浏览器中覆盖自身

我已经通过 stackoverflow 并尝试了正常的建议来尝试强制文本换行。这些是单独的词，因此它们应该自行中断，但事实并非如此。这是我试过的

1. 我添加了带有大约 6 个命令的 css 以强制它使用样式表进行换行
2. 我试过将文本放入一个 div 中，然后添加要换行的样式
3. 我试着把它放到一个 html 表中试图强制它换行
4. 我试过 wbr 标签来让它换行
5. 我能够让它现在换行，但这不是我的目标，因为这会迫使文本离开页面

这是当前代码，主要是我在绝望中试图让它包装

<div style="word-break: break-all; word-wrap: break-word;display: block;overflow: hidden;">
<p style="color:#004a61;padding:5px;margin-bottom:5px;font-weight:bold;font-size:14px">
<i>Beautiful photos printed<wbr> on canvas, metal, tile and wood - take your pick!</i>
</div>

网址是here .我最近继承了它(它托管在 weebly 上)。网站上没有其他地方这样做，所以我对此感到有点困惑。

Answer 1

问题是您包含 <div>正在继承 line-height: 0;来自 div#741331162420463225-gallery.imageGallery .添加line-height: 16px; (或您选择的任何金额)到 <p>包含文本可以解决问题。