UL LI与背景图像在一行中

Question

我正在调试一个棘手的对齐问题。这是jsfiddle。问题是评级“拇指”Up＆amp;向下存在于单个图像中。我正在使用background-position生成不同的图像。

视觉效果看起来很好，但是我需要在一行中显示所有四个功能以及背景图像。

有谁知道如何修复它？

Answer 1

好的，我认为我理解你希望你的评级等级与li中的实际文本分开。

<li><span class="rating up"></span>Courteous Staff</li>

然后将范围设置为display: inline-block;，你应该得到我认为你想要的东西。

http://jsfiddle.net/spacebeers/U2Wax/35/

你需要做更多的工作才能使它正确对齐，但它会给你一个好主意。

Answer 2

您是否尝试过添加此CSS样式？

white-space: nowrap;