hr元素不顯示/使視圖空白離子

Question

如何使hr元素出現在離子框架？當我做hr時，它不會顯示任何內容/不可見，或查看get的空白。

有一個離子強制hrs（v1）？如果有，哪一個？

在此先感謝。

Answer 1

使用此測試是否會出現;

hr { 
    border: 2px solid red !important; 
    height: 10px !important; 
    width: 500px !important; 
    background: blue !important; 
    display: block !important; 
    font-size: 2em !important; 
    visibility: visible !important; 
} 

注意：這只是一個測試。使用「！重要」並不理想。從這裏你應該嘗試，並確定它爲什麼不顯示

Answer 2

我對Ionic沒有多少經驗，但是您可以嘗試定義一個CSS類，它可以呈現與<hr />元素完全相同的內容。我認爲這應該工作。

.hr { 
 
    border-bottom: 1px solid #ccc; 
 
    margin: 10px 0; 
 
    width: 100%; 
 
}

<div class="hr"> </div>

https://jsfiddle.net/6qs02538/