時間要素が表示されない/表示が空白になります

Question

イオン要素のフレームワークにhr要素を表示するにはどうすればよいですか？私が時間を過ごすと、何も表示されない、または表示されません。

時間（V1）を作るためのイオンcompenentはありますか？あれがあれば、どちら？

ありがとうございます。

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; 
} 

注：これは単なるテストに過ぎません。 "！important"を使用するのは理想的ではありません。ここからは、それがなぜ表示されないのかを判断してください。

Answer 2

私はイオン性で多くの経験を持っていないが、あなたは<hr />要素とまったく同じものをレンダリングするCSSクラスを定義しようとすることができます。私はそれがうまくいくと思います。

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

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

https://jsfiddle.net/6qs02538/