div和span中不需要的换行符

Question

我使用以下代码来显示/隐藏jquery效果：

<div id="toc_head1">
   <span id="plus1">
       +
   </span>&nbsp;&nbsp;&nbsp;
   <h4>Overview</h4>
</div>

不幸的是，这会导致+符号和标题文本之间出现不必要的换行符，即使将其添加到我的.css

white-space:nowrap;

如何将加号与标题保持在同一行？感谢。

Answer 1

h1~h6元素是block元素，这意味着它们占据了容器的整个宽度。

您必须使用display: inline-block使其保持在同一行（或float或display: inline）。

在您的情况下，您可能需要考虑将span元素放在h4内，如果它是语义连接的。