Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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
Html 显示:内联块;奇怪的间距行为_Html_Css - Fatal编程技术网

Html 显示:内联块;奇怪的间距行为

Html 显示:内联块;奇怪的间距行为,html,css,Html,Css,由于我的空格被替换为,前面的问题得到了回答,但是 我仍然不知道是什么导致了这个错误: 看看第一段是如何丢失其子段(即内联块)的尾随/前导空格的。请注意,范围的标记位于段落的一行中 第二段有空格,但是,span的标记在单独的一行中 该漏洞出现在最新的Chrome和最新的Firefox(最新更新为12)上,但尚未在其他浏览器上测试 这种奇怪的错误/行为背后的原因是什么?您希望使用display:inline而不是inline block,因为元素将与文本“inline”,而不是其他块元素 您希望使用

由于我的空格被替换为
,前面的问题得到了回答,但是

我仍然不知道是什么导致了这个错误:

看看第一段是如何丢失其子段(即
内联块
)的尾随/前导空格的。请注意,
范围的标记位于段落的一行中

第二段有空格,但是,
span的标记在单独的一行中

该漏洞出现在最新的Chrome和最新的Firefox(最新更新为12)上,但尚未在其他浏览器上测试


这种奇怪的错误/行为背后的原因是什么?

您希望使用
display:inline
而不是
inline block
,因为元素将与文本“inline”,而不是其他块元素

您希望使用
display:inline
而不是
inline block
,因为元素将与文本而不是其他块元素“inline”

删除块(特别是内联块)中的前导和尾随空格。将内联块内的尾随空间移动到内联块外-在其结束标记之后。换行符也是空格,这就是为什么多行示例可以像您期望的那样工作。

删除块中的前导空格和尾随空格(特别是内联块)。将内联块内的尾随空间移动到内联块外-在其结束标记之后。换行符也是空白,这就是为什么多行示例能够像您期望的那样工作。

Lorem Ipsum只是印刷和排版行业的虚拟文本。
<span class="item">Lorem Ipsum is simply dummy text</span> <span class="item">of the printing and typesetting</span><span class="item"> industry.</span>
Lorem Ipsum只是印刷和排版行业的虚拟文本。

这不起作用的全部原因是。它代表非中断空间,因此它不能包装非中断空间,因为它是非中断空间,因此不包装

这不起作用的全部原因是。它代表非中断空间,因此它不能包装非中断空间,因为它是非中断空间,因此不包装