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

问题描述 投票:0回答:4

因为我有我的空间与 的更换,以前的问题的答案,但...

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

看看它是如何第一段已经失去的孩子(是inline-blocks)尾随/前导空格。请注意,对于spans标记是一段单行。

第二段的空间,但是,这里spans的标记是在每一个独立的行。

上发生的错误最新的Chrome和最新的Firefox(新鲜更新至12),并没有与其他浏览器进行过测试。

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

html css
4个回答
4
投票

前导和尾随块(直列块尤其是)空白被剥离。移动后您的内联块内联块外内部空间 - 它的结束标记之后。换行是空白太多,这就是为什么多例子可以作为你期待。


0
投票

你想改用display: inline inline-block的,因为该元素将是“内联”与不与其它块元素的文本。 http://jsfiddle.net/elclanrs/cEkQG/1/


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>

0
投票

整个原因,这不工作是因为。它代表着非打破空间,因此它不能完成一个非换空间,因为它是不破,因此不会包住。

© www.soinside.com 2019 - 2024. All rights reserved.