我的hr块没有出现在我想要的地方

Question

我正在尝试创建一个帮助屏幕，使用Android webview显示一个html文件，显示一个图标列表并为每个图标提供说明。我想在每个图标/描述行之间添加 hr 标记。

我的代码如下所示：

<div>
<img src=[link] align="left"/>
<p> [Description] </p>
</div>
<hr>

问题在于，如果图像高于描述，则hr块会进入图像并停止，而不是位于最高元素之下，并跨越整个宽度。有没有办法告诉hr块来到div中最低元素的底部？

提前致谢

Answer 1

在CSS中试试这个;

hr { clear: both; }

如果没有CSS，那么我就输了。如果div没有浮动，或者没有其他元素浮动，我看不出你的问题是怎么发生的。 尝试添加以下CSS;

<hr style="float:left;width:100%;clear:both">

Answer 2

块显示也可能是一个问题;特别是如果在IE中发生这种情况，您可能需要更新div的样式，以便按预期呈现。

如果它只是IE浏览器，那么google hasLayout。否则，如上所述，发布你的CSS。