Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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:当您键入不同的内容时,嵌套的span标记的行为会不同吗?_Css - Fatal编程技术网

CSS:当您键入不同的内容时,嵌套的span标记的行为会不同吗?

CSS:当您键入不同的内容时,嵌套的span标记的行为会不同吗?,css,Css,这两个代码块是相同的,但当它们被输出时,它们看起来不同。第二个字符上的每个字符之间都有一个空格 <span>A<span>B<span>C</span></span></span> <span>A <span>B <span>C</span> </span> </span> ABC A. B C 是,因为enter或'\n'等于HT

这两个代码块是相同的,但当它们被输出时,它们看起来不同。第二个字符上的每个字符之间都有一个空格

<span>A<span>B<span>C</span></span></span>

<span>A
  <span>B
    <span>C</span>
  </span>
</span>
ABC
A.
B
C

是,因为enter或'\n'等于HTML中的一个空格

是,因为enter或'\n'等于HTML中的一个空格

这是因为浏览器中内置了内联块4px填充。拒绝此空间的选项是像使用>到<跨度之间的空间一样使用


另一种选择是对每个元素使用4px中的负边距,第一个元素除外。

这是因为浏览器中内置了内联块4px填充。拒绝此空间的选项是像使用>到<跨度之间的空间一样使用


另一种选择是对每个元素使用4px的负边距,第一个元素除外。

为什么要这样写span?浏览器怎么可能真正知道发生了什么呢?这不是为了实际生产。我只是想知道为什么两个看起来相同的代码会给我不同的输出。在这种情况下,Ishank已经回答了这个问题。我只想指出,那些span标记不知道谁在完成who,但有趣的是,对于那些好奇的人来说,嵌套span的实验用法。纯粹是为了好玩。那太好了。在过去,我使用过letting.js。它将跨距放在javascript中,因此您不必处理标记。你应该看看。你为什么要这样写span?浏览器怎么可能真正知道发生了什么呢?这不是为了实际生产。我只是想知道为什么两个看起来相同的代码会给我不同的输出。在这种情况下,Ishank已经回答了这个问题。我只想指出,那些span标记不知道谁在完成who,但有趣的是,对于那些好奇的人来说,嵌套span的实验用法。纯粹是为了好玩。那太好了。在过去,我使用过letting.js。它将跨距放在javascript中,因此您不必处理标记。你应该去看看。谢谢你的回答。似乎用评论来摆脱空间看起来更优雅。谢谢你的评论。也可以选择使用注释,但请记住,文件可以由其他IDE和其他人编辑,HTML与HTML组合看起来不太好。这就是为什么我说最好使用CSS来控制它。谢谢你的回答。似乎用评论来摆脱空间看起来更优雅。谢谢你的评论。也可以选择使用注释,但请记住,文件可以由其他IDE和其他人编辑,HTML与HTML组合看起来不太好。这就是为什么我认为最好使用CSS来控制它。请注意,这仅与内联元素一起使用,就像您似乎说的那样。请注意,这仅与内联元素一起使用,就像你说的,总是这样。