html - 显示 : inline-block; weird spacing behavior

标签 html css

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

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

看看第一段如何丢失它的子项(即 inline-blocks)尾随/前导空格。请注意,spans 的标记位于单行段落中。

第二段有空格,但是,spans 的标记各占一行。

该错误出现在最新的 Chrome 和最新的 Firefox(刚更新到 12)上,尚未在其他浏览器上测试。

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

最佳答案

block (尤其是行内 block )中的前导和尾随空格被去除。将内联 block 内的尾随空格移动到内联 block 外——在其结束标记之后。换行也是空格,这就是多行示例如您所期望的那样工作的原因。

关于html - 显示 : inline-block; weird spacing behavior,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10474411/

相关文章:

html - 具有堆叠文本和不同字体大小的 CSS header

css - 如何防止 Internet Explorer 扩大我的网站?

html - Bootstrap <li> 不响应 css?

html - Shopify margin 将横幅推到一边

html - anchor 标签div名称

html - 在单个背景图像中设置两个图像并对齐良好?

html - 为什么 Accordion 在点击时不会展开或折叠?

html - Foundation 5 Tabs - 内容不是选项卡容器的填充宽度

php - 重定向到聚焦文本区域的页面

javascript - 在 javascript 中使用 data-*