2012-01-17 11 views
0

オーバーフローを使用するのではなく、この画像を見てください:隠されたまだいくつかのテキストが表示されています私はそれを隠すためにも私はこれを行うことができますか? (そのまま私は、高さがあるべき高さを減らしたり増やしたくない)エリアでオーバーフロープロパティと固定された高さ

enter image description here

外観は赤でハイライトが、これは私を刺激するものです。 どうすればこの問題を解決できますか?

これは私が第3のコンテンツボックスのCSS/HTMLを使用して、それを修正するの、第五コンテンツボックスを得ることはありません、あなたが行くここ

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です一定。 内部には内容が異なる多くのボックスがありますので、高さや線の高さを変えることは無意味です。それはPHPで行うことができますか?もしそうなら、どうですか?

+0

ボトムパッドを増やして、それを取り消すには高さを下げてください(同じような相対的な高さが維持されますが、下部には内容はありません)。 – Nix

+0

パディングを調整しようとしていますか? – anglimasS

+0

パディングボトムの値または行の高さをトピックから外して – designersvsoft

答えて

0

行の高さやフォントサイズを増やすことができます。私はcssでそれを行うための他の方法があるとは思わない。

2

heightプロパティがline-height値の倍数であることを確認してください。これで解決します。 EXの場合:16pxline-heightのために、あなたは96pxheight112pxなどを持つことができ114pxの高さは、必然的に、次の行の(使用するフォントに依存)をリードする1〜2ピクセルを表示する下部の2 pixelsを残しテキスト。

1

特定のコンテンツボックスに新しいIDまたはクラスを作成する必要があります。たとえば、

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

Html View 

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

他のコンテンツボックスには影響しません。

+0

この問題は特定のボックスでは発生していません。コードでS特定のコンテンツボックスに対して修正できますが、他のボックスにはそのまま残ります。それはPHPを介して行うことができますbtwこれは、Wordpressの投稿の一つです –

+0

すべてのワードプレスのポストは、特定のCSSを持っています。このコードを試す必要があります:.wp_post_class p { 行の高さ:20px; } Htmlのビュー

test message

+0

900のポストの上にあります:私は詳細を追加しました私の最初の投稿を見て、S。 –

関連する問題