Html 如何以与父文本连续的跨距显示文本

Html 如何以与父文本连续的跨距显示文本,html,css,Html,Css,我有一个div标签,它有一个文本,然后是一个span标签。问题是下一行中显示了范围文本。但是我想在父文本旁边显示跨度文本。结构如下 <div> some text <span>Lorem IpsumNepal is located in the southern part of the Asian continent. Nepal is a landlocked country situated between two large countries Below we h

我有一个div标签,它有一个文本,然后是一个span标签。问题是下一行中显示了范围文本。但是我想在父文本旁边显示跨度文本。结构如下

<div>
some text
<span>Lorem IpsumNepal is located in the southern part of the Asian continent. Nepal is a landlocked country situated between two large countries Below we have a list of all messages. Each is one row. </span>
</div>
因此,我需要一些CSS来完成这项工作。

将其添加到您的CSS中

span{
    display: inline-block;
}

正如其他人所说,这是跨度的默认行为。您可能有一些css覆盖了此默认行为。

您好,如果希望跨度显示在父文本下方,请尝试使用以下css样式

span {
display: block;
}
结果: 一些文本
Lorem IpsumNepal位于亚洲大陆南部。尼泊尔是一个内陆国家,位于下面两个大国之间。我们有一份所有信息的清单。每一行都是一行。

您想让跨距与一些文本内联吗?默认情况下,跨距是内联显示的,这意味着有一些CSS覆盖了您未包含在此处的功能。看,没有CSS。我需要它,斯特雷奇行为。span是一个内联元素,应该与文本一起显示。必须有其他CSS规则。@JamalAbdulNasir它已经做到了,一定有其他东西在影响它: