2017-08-30 8 views
1

このページの右にほんの一桁の<hr>要素を整列しようとしています。 IE/Edgeでは、すべての場合に<hr>要素が左揃えになります。<HR>をIE/Edgeの右に揃えてください。

私は山車とクリアを使用しようとしましたが、私は、段落内のフロート画像のように表示されている<hr>で終わる

.hr-right { 
    text-align: right; 
    margin-right: 0; 
} 

<hr class="hr-right">を使用しています。

答えて

2

あなたはフレックスコンテナの使用中-権を整列させるための要素たい場合は、次のすべての利用可能な空き容量を消費することによって

margin-left: auto 

ない

margin-right: 0; 

Flexの自動マージンの仕事を。

したがってmargin-left: autoは、アイテムの左側にあるすべてのスペースを消費し、アイテムを右端に固定します。ここ

詳細:

+0

これは技術的には私のためにクロームでそれを壊しながら、私は両方のブラウザのためにそれを変更するために必要なすべてがマージン左だった、ありがとう:自動; margin-right:0; –

+0

私の答えはあなたの質問に投稿されたコードに基づいています。より詳細なレビューのための実例を投稿することを検討してください。 –

+1

ウィル、もう一度ありがとう! –