Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css div和span中不需要的换行符_Css_Html - Fatal编程技术网

Css div和span中不需要的换行符

Css div和span中不需要的换行符,css,html,Css,Html,我使用以下代码来显示/隐藏jquery效果: <div id="toc_head1"> <span id="plus1"> + </span>&nbsp;&nbsp;&nbsp; <h4>Overview</h4> </div> 如何使加号与标题保持在同一行上?谢谢。h1~h6元素是元素,这意味着它们占据了容器的整个宽度 您必须使用display:inline blo

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

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

如何使加号与标题保持在同一行上?谢谢。

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

您必须使用
display:inline block
使它们保持在同一行(或
float
,或
display:inline

在您的情况下,您可能需要考虑将<代码>跨度元素放在<代码> H4<代码>中,如果它是语义连接的。

像这样吗?概述--似乎没有效果。它对我有效:-发布更多HTML供我调试您的案例。(还用另一个备选方案编辑了答案)
white-space:nowrap;