html - 如何用水平线分隔表格

Question

在我的 html 页面中，我有带有 css 的 div：

padding: 0px;
color: rgb(51, 51, 51);
background: none repeat scroll 0% 0% rgb(255, 255, 255);
position: relative;
overflow: visible;

在这个 div 中，我有表格和水平线：

<hr color="#424242" size="2">

我怎样才能在表单之后添加这一行？他的示例在更大的显示器上工作，但是当我在电话线上看到我的页面在 div 旁边时

score 0 · Accepted Answer

您可以使用 CSS：

clear: both;

使 div 清除（或进入）另一个元素。

你是这个意思吗？

score 0 · Accepted Answer

除非你有特殊的理由使用展示和非标准标记，比如<hr color="#424242" size="2">，省略这个元素并使用 CSS 来在form元素上绘制底部边框：

form {
  border-bottom: solid #424242 2px;
}

如果需要，添加一些padding-bottom和/或margin-bottom到此规则，以分别在行之前和/或之后创建垂直间距。

如果您需要使用标记，请参阅我对问题的评论。但无论问题的原因是什么，CSS 方法都应该避免它，因为 at 将水平线附加到form元素上。

score -1 · Accepted Answer

hr {
border-bottom: 1px solid #424242;
clear: both;
display: block;
margin-bottom: 10px;
padding-top: 10px;
width: 100%;

}

3 回答 3