0

由于我用 's 替换了我的空格，所以前面的问题得到了回答，但是......

我仍然不知道是什么导致了这个错误：http: //jsfiddle.net/cEkQG/

看看第一段如何失去它的孩子（即inline-blocks）尾随/前导空格。请注意，标记spans位于段落的单行中。

第二段有空格，但是，spans这里的标记都在一个单独的行中。

该错误出现在最新的 Chrome 和最新的 Firefox（刚刚更新到 12）上，尚未在其他浏览器上进行测试。

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

4

4 回答 4

4

块（尤其是内联块）中的前导和尾随空格被剥离。将内联块内的尾随空格移动到内联块之外 - 在其结束标记之后。换行也是空白，这就是多行示例按您预期工作的原因。

于 2012-05-06T21:29:16.087 回答
0

您想使用display: inline而不是，inline-block因为该元素将与文本“内联”而不是其他块元素。http://jsfiddle.net/elclanrs/cEkQG/1/

于 2012-05-06T21:27:41.943 回答
0 
<span class="item">Lorem Ipsum is simply dummy text</span> <span class="item">of the printing and typesetting</span><span class="item"> industry.</span>
于 2012-05-06T21:38:14.497 回答
0

这不起作用的全部原因是因为 . 它代表不间断的空间，因此它不能包装不间断的空间，因为它是不间断的，因此不会换行。

于 2019-02-05T02:03:13.877 回答