删除内联填充而不删除换行符

Question

我有一个spans 的集合，我想将它们压缩成一行，这与 Github 项目页面上的语言统计图非常相似。问题是spans 之间有间距（我没有添加），所以在width: 100%; 的父级之间，换行。

Github：

我的尝试：

我在this question 中发现了一些有用的信息，之前在 SO 上询问过。它向我展示了我遇到的问题的解决方案。

但是，我仍然有一个问题 - 因为我使用的是 HAML，所以我在原始源代码的跨度之间有换行符，我不知道如何删除它们。当跨度确实在它们之间有换行符时，我正在寻找一种方法来消除跨度之间的间距。

我有一个 Fiddle 显示我正在尝试做的事情 http://jsfiddle.net/j9Y7a/1/ -- 上面的版本显示了我希望它的外观，底部显示了出现换行符时会发生什么。

如何在不删除换行符的情况下删除以行分隔的span 标签之间的间距？

Answer 1

如果你添加

float:left;

到.pipeline-bucket-segment，然后所有段都很好地放在一起。

阅读有关浮点数的所有信息here。