如何在 CSS 中将文本刷新到右侧？ [复制]答案

【问题标题】：How to flush text to the right in CSS? [duplicate]如何在 CSS 中将文本刷新到右侧？ [复制]
【发布时间】：2019-05-30 12:37:05
【问题描述】：

我想要这个

.--------------------------------------.
| Left                           Right |
'--------------------------------------'

一种解决方案（使用 Bootstrap）是：

<div class="row">
    <div class="col ">
        Left
    </div>
    <div class="col text-right">
        Right
    </div>
</div>

有没有像这样更简单的方法？

<div>
Left <span class="hfill">Right</span>
</div>

【问题讨论】：

float:right ?
什么版本的引导程序？您想省略任何引导实用程序类吗？
<div style="display: flex"> Left <span style="margin-left: auto">Right</span> </div> ... 它只需要 2 个属性，但不要使用内联样式
正如建议的那样，float 可能是最简单的，但更重要的是，当涉及到相同的高度、环绕等时，您希望这两个如何渲染。当我们知道我们知道该建议什么时，制作它更多地是关于需要什么而不是更简单。
我正在使用 Bootstrap 4

【解决方案1】：

使用引导程序 4

<div class="d-flex justify-content-between">
    <div>Left</div>
    <div>Right</div>
</div>

没有引导

.someClass {
   display: flex;
   justify-content: space-between;
}

<div class="someClass">
  <div>Left</div>
  <div>Right</div>
</div>

【讨论】：