0

私はサイトを持っています-あなたはここでそれを見ることができます私はここにスクリーンショットを持っています私はそれが小さな画像と大量のテキストであるときに私のreadmoreテキストが画像を包むのを止めたいです

<div class="page-list-ext-item">

<div class="page-list-ext-image"><img width="110" height="73" class="attachment-110x110 wp-post-image" src="#"></a></div>


<h3 class="page-list-ext-title">Heading</h3><div class="page-list-ext-item-content">TEXT

<br><br>read more on: <a href="#">Title</a>

</div>

4

2 に答える 2

0

追加したいかもしれません

.page-list-ext-item-content{
    overflow:hidden;
}

これは機能します。

于 2012-07-14T16:54:39.857 に答える
0

最初に行う必要があるのは、検証できるようにマークアップを書き直すことです。上記のマークアップは検証されません。ブラウザーは常に無効なマークアップを修正しようとしますが、純粋な CSS の観点から見ると、この種のマークアップがいくつかのバグの主な原因であることがよくあります。あなたの場合、フロートには常に次のようなクリアランスのあるコンテナが必要です。

.clear:after {
    content: '.';
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
}

これにより、サムネイルのコンテナーがクリアされますが、マークアップを修正する必要があります。

于 2012-07-14T16:47:18.693 に答える