首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >解决移动平板电脑上的H3重叠问题

解决移动平板电脑上的H3重叠问题
EN

Stack Overflow用户
提问于 2018-02-08 19:03:09
回答 1查看 405关注 0票数 2

我正在开发一个带有Avada WordPress主题的网站。<h3>title-heading-center类重叠,从移动到平板大小:

我尝试在这个类中添加多个样式,从屏幕截图中可以看到:

代码语言:javascript
复制
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>标题中的单词之间创建间隔呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-02-08 19:12:47

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

或者,尝试用类fusion-title更改其容器div的高度。其中可能有一个容器div,它阻止了单词成为正确的line-height

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48692957

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档