CSS - 修复 H3 在移动设备、平板电脑上的重叠问题
CSS - Fix H3 Overlapping At Mobile, Tablet
我正在开发一个采用 Avada WordPress 主题的网站。 <h3> 与 class title-heading-center 从手机尺寸到平板尺寸重叠：
我已尝试向此 class 添加多种样式，如您在屏幕截图中所见：
word-break: break-all;
word-wrap: break-word;
display: block;
overflow: hidden;
word-break: break-word;
line-height: 33px;
唯一似乎有帮助的是 word-break: break-word，它将内容集中在移动设备上。
我可以应用哪些其他 CSS 样式来在 <h3> 标题中的单词之间创建间距？
尝试将其更改为 line-height: 33px !important 而不仅仅是 line-height: 33px。虽然不建议您 保持 这种方式，但值得尝试看看这是否是问题所在。请注意，在开发人员工具的屏幕截图中，此 属性 当前已被划掉，因此被忽略了。
或者，尝试将其容器 div 的高度更改为 class fusion-title。那里的某处可能有一个容器 div 阻止单词正确 line-height.
我正在开发一个采用 Avada WordPress 主题的网站。 <h3> 与 class title-heading-center 从手机尺寸到平板尺寸重叠：
我已尝试向此 class 添加多种样式，如您在屏幕截图中所见：
word-break: break-all;
word-wrap: break-word;
display: block;
overflow: hidden;
word-break: break-word;
line-height: 33px;
唯一似乎有帮助的是 word-break: break-word，它将内容集中在移动设备上。
我可以应用哪些其他 CSS 样式来在 <h3> 标题中的单词之间创建间距？
尝试将其更改为 line-height: 33px !important 而不仅仅是 line-height: 33px。虽然不建议您 保持 这种方式，但值得尝试看看这是否是问题所在。请注意，在开发人员工具的屏幕截图中，此 属性 当前已被划掉，因此被忽略了。
或者，尝试将其容器 div 的高度更改为 class fusion-title。那里的某处可能有一个容器 div 阻止单词正确 line-height.