Question

我有一个问题，我不知道它是如何发生的。有一天它很好，而在另一篇文章中，就在那一列中，它显示在顶部。

这是网站，问题出在标题的右栏： http://vipvan.pt/tours/culturevan/tour-sintra-um-dia?lang=en！

Answer 1

不确定究竟是什么造成了这种情况，但你可以做几件事

.text-format h2 {
   margin-top 1px;
}

或者这也适用

h2 {
   line-height: 1;
}

Answer 2

看起来字体太大，但您可以将margin-top增加几个像素。

Answer 3

通过Firebug查看你的css告诉我你的行高 0.9

h2 {
font-family: "Josefin Slab";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 0.9;
text-decoration: none;
text-transform: none;
}

所以我认为你的h2没有足够的空间。尝试将行高设置为至少字体大小 - 因此在这种情况下为22px（1.0）或更高。

PS：实际上我建议改用“rem”。另请参阅“Calculate line-height with font in rem-value”。

Answer 4

这绝对是您line-height的问题。也许你曾经修改过它？您的全局0.9声明的当前值为h2。

h2 {
font-family: "Josefin Slab";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 0.9;
text-decoration: none;
text-transform: none;
}

将line-height从0.9更改为1，问题已修复。

Answer 5

我有一个类似的问题，并已解决：

letter-spacing: normal;

文字在顶部显示为切断

5 个答案: