当前位置:  开发笔记 > 编程语言 > 正文

Firefox 3使用display:inline-block为spans添加间距

如何解决《Firefox3使用display:inline-block为spans添加间距》经验,为你挑选了2个好方法。

在我的测试中,我有2个跨度都设置为显示:内联块,带有可见性边框.Firefox在每个跨度之间渲染空间.甚至设置margin:0; padding:0; 没有做任何事来解决这个问题.我设想内联span元素显示时的期望:inline-block是2个跨度互相渲染,就像你向左或向右浮动2个div一样.我发现的唯一"修复"是向空间添加浮动:向左或向右,但这违背了我最初尝试不使用浮动的目的.有任何想法吗?


Test
Test2

小智.. 25

它们将它们分开,因为它们之间有空格 - 换行符.



1> 小智..:

它们将它们分开,因为它们之间有空格 - 换行符.


@bombe是啊所以我想在帮助网站上问一个问题对我来说真是太愚蠢了.是的,应该知道.那么,您是否使用SO购买机票或邮购番茄酱呢?
你可以在这里点番茄酱吗?

2> SamGoody..:

您还可以使用注释来删除行之间的空白区域.

   house#316

没有评论丑陋(双关语),但有时候这是一种可以接受的方法,可以在正确显示时保持标记正确排列.

偏离主题但重要:在跨度上使用内联块时,打开框大小(-moz-box-sizing:border-box;等)通常非常有用,这使得边框和填充从元素内部进行测量.这是使用内嵌块跨度百分比的唯一实用方法,可以节省许多相关的麻烦.

推荐阅读
手机用户2402852387
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有