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只是印刷和排版行业的虚拟文本。
这不起作用的全部原因是。它代表非中断空间,因此它不能包装非中断空间,因为它是非中断空间,因此不包装 这不起作用的全部原因是。它代表非中断空间,因此它不能包装非中断空间,因为它是非中断空间,因此不包装