CSS - 修复H3在移动设备，平板电脑上的重叠

Question

我正在使用Avada WordPress主题开发一个网站。类var length = $('.table').find('tbody').find('tr').length; localStorage.setItem('length', length); 的{​​{1}}与手机尺寸重叠：

我已尝试在此类中添加多种样式，如屏幕截图所示：

<h3>

唯一似乎有帮助的是title-heading-center，它将内容集中在移动设备上。

我可以应用哪些其他CSS样式来创建word-break: break-all; word-wrap: break-word; display: block; overflow: hidden; word-break: break-word; line-height: 33px; 标题中单词之间的间距？

Answer 1

尝试将其更改为line-height: 33px !important，而不仅仅是line-height: 33px。虽然不建议您以这种方式保持，但是值得一试，看看问题是否存在。请注意，在开发人员工具的屏幕截图中，此属性当前已被删除，因此被忽略。

或者，尝试使用类fusion-title更改其容器div的高度。在那里可能有一个容器div阻止这些单词成为正确的line-height。