溢出属性和固定高度

时间:2012-01-17 12:24:44

标签: html css overflow

看看这个图像的人,而不是使用溢出:隐藏仍然有一些文字出现我想隐藏它我怎么能这样做? (我不想减少或增加高度,高度应该是原样)

enter image description here

看看红色突出显示的区域,这是令我恼火的。 我该如何解决这个问题?

这是内容的CSS,

height:114px;
overflow:hidden;
padding:12px 12px 0;
padding-bottom:12px;
font-size:11px;
line-height:16px;
background-color:#e1f6fa;

enter image description here

在这里,我使用css / html为第三个内容框修复它,第五个内容框将无法修复。 还有很多其他盒子里面有不同的内容,所以改变高度,线高度属性是没用的。它可以通过PHP完成吗?如果是的话怎么样?

3 个答案:

答案 0 :(得分:3)

确保height属性是line-height值的倍数。这将解决这个问题。例如:对于line-height 16px,您可以height 96px112px等。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可以做任何其他方法。