我问这个问题是因为我需要1行文本,该行的左对齐文本和右对齐文本在同一行上,而在其上方或下方不留空格。例如:

Left aligned                                                      right aligned


上下没有换行符。我看到的唯一解决方案包括创建换行符的<p>标记或<div>标记。

最佳答案

您可以在父元素(通常是容器)上使用display:flexjustify-content: space-between来实现此目的。



.parent-container {
  display: flex;
  justify-content: space-between;
  padding: 2px;
  background-color: #eee;

<div class="parent-container">
  <span>left-aligned</span>
  <span>right-aligned</span>
</div>

10-08 08:51