2012-01-17 66 views
0

看看這個圖像夥計們,而不是使用溢出:隱藏仍然有一些文字出現我也想隱藏它我怎麼能做到這一點? (我不希望減少或增加的高度,高度應爲它是)溢出屬性和固定高度

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來完成嗎?如果是,那麼如何?

+0

它可以增加底部填充,並減少高度以將其取消(這樣,它將保持相同的相對高度,但底部不會有任何內容)。 – Nix 2012-01-17 12:28:46

+0

你是否嘗試調整填充? – anglimasS 2012-01-17 12:29:05

+0

您必須增加填充底部值或行高 – designersvsoft 2012-01-17 12:29:40

回答

0

你可以嘗試增加行高或字體大小。我不相信有任何其他的方式來與CSS做到這一點。

2

確保height屬性值爲line-height值的倍數。這將解決這個問題。用於離:用於16px一個line-height,可以有一個height96px112px114px高度離開2 pixels在這將不可避免地顯示領先的1〜2個像素的底部(取決於使用的字體)的下一行的文本。

1

您必須爲特定內容框創建新的ID或類。例如

.content_box p{ 
Line-height:20px; 
} 

Html View 

<div class="content_box"> 
<p>test message</p> 
</div> 

它不影響其他內容框。

+0

這個問題在特定的框中不存在:S用你的代碼我可以爲特定的內容框修復它,但它會保留在其他框中。可以通過PHP來完成,順便說一句,這是wordpress的其中一篇文章 – 2012-01-17 12:39:57

+0

每個WordPress的帖子都有特定的CSS。您必須嘗試以下代碼:.wp_post_class p line-height:20px; } HTML視圖

test message

2012-01-17 12:52:21

+0

有超過900個職位:S,看看我的我已經添加了更多的細節的第一篇文章。 – 2012-01-17 12:56:07