生成<hr>

Question

的最佳方法是否有在html文檔中顯示<hr>的最佳做法？
例如<span class="divider"></div>.
這樣做的目的是根據上下文隱藏/顯示<hr>。

P.S：
我使用的引導

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。