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

您需要做的第一件事是重写您的标记，以便它可以验证。上述标记不会验证。浏览器总是试图修复无效的标记，但从纯 CSS 的角度来看，这种关闭标记通常是几个错误的主要原因。在您的情况下，浮动始终需要一个带有间隙的容器，例如：

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

这将清除缩略图的容器，但您仍需要修复标记。

于 2012-07-14T16:47:18.693 回答
0

您可能想要添加

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

这将起作用。

于 2012-07-14T16:54:39.857 回答