html - 是否有一些标签可以提供 <p> 的功能而无需添加换行符？

Question

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

Left aligned                                                      right aligned

上面和下面没有换行符。我见过的解决这个问题的唯一方法包括 <p>标签或 <div>创建换行符的标记。

Answer 1

您可以在父元素(通常是容器)上使用 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>