在HTML中显示跨度的问题

Question

我正在创建嵌套跨度，如下所示：

<span id="1">
   text1
   <span id="2"> text 2</span>
</span>

但不知何故，文字2正在新线上显示，可能是样式表问题，但由于其他一些resons我不能使用chnage样式表。如何覆盖默认样式表并使文本2显示在同一行as text1

Answer 1

<span style="display:inline;">

Answer 2

尝试<span id="2" style="display:inline;">

Answer 3

如果他们没有在另一个旁边显示一个，那么您的一些CSS正在设置其display: block（或类似），而不是display: inline。

轻松修复 - 检查CSS设置并删除，或在该元素上明确说明display: inline。

此外，有效id（和name有效）属性must start with a [a-zA-Z]。

Answer 4

样式表可能已将范围设置为display:block，这会导致它们采用自己的行，例如div的默认样式。要解决此问题，您可以添加样式属性：

<span id="1">
   text1
   <span id="2" style="display:inline"> text 2</span>
</span>

但是，如果使用!important标志，样式表仍然可以覆盖它。

为了将来的调试，我建议您查看Web Inspector（Safari和Chrome），Firebug（Firefox）和Dragonfly（Opera）等工具。最后一点，您不能拥有以数字开头的id属性，它必须以字母开头。

Answer 5

尝试使用以下内容：display:inline。