试图在底部填充溢出

Question

在下面的代码中，您可能会看到第一个span类"noticia"它有4条线。当它发生时，我的填充，有点不工作…我希望第四行保持隐藏，以便在span.noticias">

之间保持padding。代码:https://codesandbox.io/s/inspiring-germain-om864i?file=/index.html

谢谢你的帮助!

Answer 1

你的链接('a'标签)的高度超过它的父级(注意)，如果你解决了这个问题，只是在它的父级中修复它，你将实现你的目标。要解决这个问题，只需将这些样式添加到您的链接:

a{
height: 100%;
display: block;
word-wrap: break-word;
}

Answer 2

首先，我们得到span元素的高度，我们在.noticias类中应用了display:inline-block，并将一个标签应用于line-clamp CSS，因此您可以得到这个输出。

要克服这个问题，只需将这些样式添加到您的链接，请检查CSS样式:黑暗https://codesandbox.io/embed/still-tree-c2lcpt?fontsize=14& hidenavigation = 1,主题=

.noticia {
padding: 10px 5px;
border-bottom: solid 1px;
height: 50px;
overflow: hidden;
font-size: 1.2em;
font-family: monospace;
text-align: justify;
display: inline-block;
}
.noticia a {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}