看看这个图像的人,而不是使用溢出:隐藏仍然有一些文字出现我想隐藏它我怎么能这样做? (我不想减少或增加高度,高度应该是原样)
看看红色突出显示的区域,这是令我恼火的。 我该如何解决这个问题?
这是内容的CSS,
height:114px;
overflow:hidden;
padding:12px 12px 0;
padding-bottom:12px;
font-size:11px;
line-height:16px;
background-color:#e1f6fa;
在这里,我使用css / html为第三个内容框修复它,第五个内容框将无法修复。 还有很多其他盒子里面有不同的内容,所以改变高度,线高度属性是没用的。它可以通过PHP完成吗?如果是的话怎么样?
答案 0 :(得分:3)
确保height
属性是line-height
值的倍数。这将解决这个问题。例如:对于line-height
16px
,您可以height
96px
,112px
等。114px
的高度2 pixels
{1}}在底部,它将不可避免地显示下一行文字的前导1~2像素(取决于使用的字体)。
答案 1 :(得分:2)
您必须为特定内容框创建新的ID或类。例如
.content_box p{
Line-height:20px;
}
Html View
<div class="content_box">
<p>test message</p>
</div>
它不会影响其他内容框。
答案 2 :(得分:0)
您可以尝试增加行高或字体大小。我不相信用css可以做任何其他方法。