Html 是否有提供<；功能的标签；p>；不加换行符？

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

Left aligned                                                      right aligned

---

上面和下面都没有断线。我见过的解决这个问题的唯一方法包括创建换行符的

标记或

标记

如果我理解正确，您希望两条文本在同一行上，但在相反的边上。为此，可以使用CSS

float

属性：

JsFiddle：

.container{
边框：1px纯红；
高度：100px；
宽度：450px；
}
.货柜组{
位置：内联块；
}
.左跨{
浮动：左；
}
.右跨{
浮动：对；
}

左文本在一行上。。。
…右文本在同一行上！

如果我理解正确，您希望两条文本在同一行上，但在相反的边上。为此，可以使用CSS

float

属性：

JsFiddle：

.container{
边框：1px纯红；
高度：100px；
宽度：450px；
}
.货柜组{
位置：内联块；
}
.左跨{
浮动：左；
}
.右跨{
浮动：对；
}

左文本在一行上。。。
…右文本在同一行上！

您可以使用父元素（通常是容器）上的

显示：flex

和

调整内容：之间的空间来实现这一点


。父容器{
显示器：flex；
证明内容：之间的空间；
填充：2px；
背景色：#eee；

左对齐
右对齐
您可以使用父元素（通常是容器）上的
显示：flex
和
调整内容：之间的空间来实现这一点


。父容器{
显示器：flex；
证明内容：之间的空间；
填充：2px；
背景色：#eee；

左对齐
右对齐
对齐和浮动元素不是一回事，但这将呈现您所寻找的基本行为：

<p style="float: left;">Left aligned</p>
<p style="float: right;">right aligned</p>

左对齐

右对齐

对齐和浮动元素不是一回事，但这将呈现您所寻找的基本行为：

<p style="float: left;">Left aligned</p>
<p style="float: right;">right aligned</p>

左对齐

右对齐

使用

显示：内联块

：

#左，
#对{
显示：内联块；
宽度：50%；
}
#左{
文本对齐：左对齐；
}
#对{
文本对齐：右对齐；
}

左对齐右对齐

使用

显示：内联块

：

#左，
#对{
显示：内联块；
宽度：50%；
}
#左{
文本对齐：左对齐；
}
#对{
文本对齐：右对齐；
}

左对齐右对齐

flex box和Float都将实现这种结果，因为将

显示：内联块

应用于两个相似的元素我不确定“其上方或下方的空白”与标题中要保留的断言“功能”相比是什么意思。flex box和Float都将实现这种结果，因为将

显示：内联块

应用于两个相似的元素。我不确定与标题中要保留的“函数”中的断言相比，“上面或下面的空白”是什么意思。