标题消失了,对CSS更改没有反应

时间:2018-10-11 07:13:02

标签: html css

我们的标题出现问题。我不知道该如何解决,因为h2或标签无法通过CSS响应更改。

https://topheizung.ch/heizungspedia/ @ 400px

检查器显示a标签通过了宽度限制,结果以单词变松结束。我需要在HTML中设置断词机制吗?

Error Heading

2 个答案:

答案 0 :(得分:1)

.blog-grid-title-lg 类使用断字属性:

.blog-grid-title-lg {
    word-break: break-word; 
}

您还可以执行以下操作:

.blog-grid-title-lg {
    text-overflow: ellipsis;
    overflow: hidden;
}

答案 1 :(得分:-1)

在您的h2标签下,锚标签的字体大小为<a> 24px !important

.post-type-archive-encyclopedia h2>a {
    font-size: 20px !important;
    font-weight: 500 !important;
    pointer-events: none;
    cursor: default;
}

如果要缩放,请删除重要属性,然后使用em