尝试将少数<hr>元素与此页面右侧对齐。
在IE / Edge中，<hr>个元素在每种情况下左对齐。
我正在使用<hr class="hr-right">
.hr-right {
text-align: right;
margin-right: 0;
}
我曾尝试使用浮动和清除，但我最终显示的<hr>就像段落中的浮动图像一样。
答案 0 :(得分：2)
如果您希望元素在Flex容器中对齐，请使用：
margin-left: auto
不
margin-right: 0;
通过消耗所有可用空间来扩展自动边距。
因此margin-left: auto会消耗项目左侧的所有空格，将其固定在右边缘。
此处有更多详情：