在IE/Edge中將<HR>對齊到右邊

試圖將少數幾個<hr>元素對齊到此頁面上的右側。在IE/Edge中，<hr>元素在每種情況下均左對齊。在IE/Edge中將<HR>對齊到右邊

我使用<hr class="hr-right">

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

我曾嘗試使用花車，並清除，但我最終的<hr>顯示類似的段落內的浮動圖像。

2017-08-30 Kerrigan D

如果您希望元素對齊，右Flex容器使用：

margin-left: auto

不

margin-right: 0;

Flex的汽車利潤通過消耗所有可用空間的工作。

因此，margin-left: auto將消耗項目左側的所有空間，並將其固定到右邊緣。

更多細節在這裏：

2017-08-30 15:27:41

謝謝你，雖然這在技術上打破它在Chrome對我來說，所有我需要將其更改爲兩種瀏覽器是保證金左：自動; margin-right：0; –

我的回答是基於您的問題中發佈的代碼。考慮發佈一個工作示例以進行更深入的審查。 –

請問，再次感謝！ –

回答