Ausrichten <HR> nach rechts in IE/Edge

Question

Versuchen Sie eine Handvoll <hr> Elemente auf der rechten Seite auf dieser Seite auszurichten. In IE/Edge sind die <hr> Elemente in jedem Fall links ausgerichtet.

Ich bin mit <hr class="hr-right">

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

Ich habe versucht, die Schwimmer und Clears zu verwenden, aber ich am Ende mit dem <hr> innerhalb des Absatzes wie ein Schwimmer Bild angezeigt wird.

Answer 1

Wenn Sie Elemente in einem Flex-Container Verwendung nach rechts ausrichten:

margin-left: auto 

nicht

margin-right: 0; 

Flex Auto Margen arbeiten, indem sie alle verfügbaren freien Speicherplatz verbrauchen.

So wird margin-left: auto den gesamten Platz auf der linken Seite des Elements verbrauchen und es an der rechten Kante festhalten.

Weitere Details hier:

• In CSS Flexbox, why are there no "justify-items" and "justify-self" properties?