我真的无法弄清楚这种情况中发生了什么。在多行文本上，底部几个像素被切掉了。
文本底部几个像素被裁剪
28
- Reece McMillin
5
在Firefox上看起来很好。你在哪个浏览器上遇到了这个问题？ - BoltClock
在Chrome中也看起来不错。也许截屏会有帮助？ - Jason Gennaro
像 g 和 y 这样的字母，底部延伸超过某个点。 - Reece McMillin
顺便提一下，只是在第二行。第一行没问题。 - Reece McMillin
3请不要在您的问题中发布代码的实时链接，否则只要您解决了这个问题，您的问题就会变得过时。相反，请尝试在fiddle或其他地方使用缩小的代码重现问题，并将代码放在此处，以使您的问题“独立”。 - Laurent S.
10个回答
76
设置
line-height: normal;
对我来说起作用了。
- C.M.
1
2@Reece 你应该接受这个答案，这样它就会得到更多的关注。它解决了我的问题。 - Akin Hwan
3
更改font-size和font-family只是一种解决方法。我遇到了同样的问题。在Firefox中运行良好，但在Chrome中却不行。检查输入框的padding或margin。在我的情况下是padding。我将padding:6px更改为padding:0px 6px;。
- Tushar Shukla
2
最快的解决方法似乎是这样的：
将此处的font-size从14px更改为13px
#slidertext h3 {
font-size: 13px;
// other styles
}
在Chrome中对我有效。
- Jason Gennaro
2
使用这种方法。文本看起来很好，没有任何复杂性。同时也可以允许未来更长的提交而不会增加复杂性。谢谢。 - Reece McMillin
14实际上，这并没有解决问题，问题在于行高。如下所述，将“line-height:normal;”设为修复方法。 - bdanin
1
尝试将
行高（line-height）应用于段落，以适应您要设置的字体大小（font-size）。在我的情况下，字体大小（font-size）为14px，因此我将行高（line-height）设置为15px。- KhanAJ
1
在
#slidertext li 中你设置了 overflow: hidden;。你需要调整 li 的高度，或者在 inline 样式中将其设置为 height: 32px，关闭 overflow，或者在其中调整字体大小。- Doozer Blake
0
根据特定的浏览器，这种问题通常与字体家族有关。我解决文本被切断的方法是将字体家族更改为sans-serif，并查看是否有任何影响。在我尝试过的任何浏览器中，这个方法都非常有效。
根据以上其他线程所述...有时调整行高和填充可能有所帮助，但对我来说，总的来说这些方法都没有奏效。
根据以上其他线程所述...有时调整行高和填充可能有所帮助，但对我来说，总的来说这些方法都没有奏效。
max-width: 100%;
min-height: 1.62em;
padding: 2px 5px 2px 5px;
vertical-align: initial;
font-family: initial, sans-serif, serif; 是一个不错的起点，然后你可以找到一个与你的主题/网站相配的字体。
- tradesouthwest
0
对我来说，问题出在
font-kerning上。它的默认值是auto，这意味着它使用存储在字体中的字距信息。我将其更改为normal，问题得到了解决。input {
font-kerning: normal;
}
- max
0
这个修复了我的问题：
letter-spacing: normal;
- MIA
0
大多数情况下，如果字体从底部被截断，这意味着我们正在使用，请尝试以下方法看是否有帮助：overflow:hidden;
为了解决这个问题，请使用以下方法：
overflow-x:hidden;
line-height: according to your style-guide (1/1.5//normal);
// 根据您的样式指南，您可以增加或减少行数)
.
- Vinod Kumar
-1
检查sliderwrap的大小，高度属性可能与总文本大小冲突，由于您的溢出是隐藏的，根据您的CSS属性，这可能是您的问题。
也许可以像这样修复：
#sliderwrap
{
height:114;
}
- Niche
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接