生成<hr />的最佳方法

Question

是否有最佳做法在html文档中显示<hr>？ 例如<span class="divider"></div>.
这样做的目的是根据上下文隐藏/显示<hr>。

P.S .:
我正在使用bootstrap

Answer 1

<div class="divider"></div>

使用CSS，您可以在分区上创建一条线。你可能想尝试这种风格..

.divider {
   border-bottom:gray 1px solid;
   /* remember, that's COLOR SIZE STYLE*/
}

现在，显示/隐藏您的线路。

.divider:hover {
   border-bottom:green 1px solid;
   /* remember, that's COLOR SIZE STYLE*/
}

为您的班级使用 HOVER 州。注意在将鼠标光标移动到整个div上时，颜色从灰色变为默认为绿色。

Answer 2

创建水平规则的最佳做法是使用为水平规则设计的元素：<hr/>标记。正如@ Mr.Alien所说，你可以轻松地设计它：

 hr {
    border: 0px none;
    background: #ccc;
    height: 2px;
    width: 100%;
}

请记住HTML或CSS不是真正的上下文语言（除了CSS中的一些伪规则）。为了显示或隐藏基于操作或是否存在某些内容，请使用JQuery或PHP。