我问这个问题是因为我需要1行文本,该行的左对齐文本和右对齐文本在同一行上,而在其上方或下方不留空格。例如:
Left aligned right aligned
上下没有换行符。我看到的唯一解决方案包括创建换行符的
<p>
标记或<div>
标记。 最佳答案
您可以在父元素(通常是容器)上使用display:flex
和justify-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>