有没有一种CSS元素可以让我添加空格？

Question

我正试图修改一个网站页面，但遇到了瓶颈。该页面有一定的专属性，不是所有组成该页面的文件都对我可访问。我只能访问5个名为stylesheet、head、top、bottom和print的不同文件。

这是该页面：http://s5-sandbox.parature.com/ics/support/default.asp?deptID=15028 问题在于，在下面的页面中，你会看到“Viewed Most Popular Topics(最常查看的主题)” 和“Most Recent Topics(最新主题)”两个部分之间，单词ViewedMost连在一起。此外，与浏览次数相关的数字以及实际主题的第一个单词也连在一起。例如，你会看到3869What is my Blackboard Username and COM ID? 给定我可以访问的页面，其中没有一个声明该部分的ID。它在Parature后端的某个.ASP页面中。我已经联系过他们的支持，并提交了一个工单，但没有得到解决。我尝试直接给某人发电子邮件，但一位男士告诉我一些荒谬的事情：

“如果您右键单击该区域并点击检查元素，则可以在“view”的后面或“most”的前面添加一个空格。两个都可以，我尝试过了。数字和文章也是如此。”

我已经很清楚如何使用Chrome检查工具，但我告诉这位先生，我无法访问页面以添加空格，也不知道是否有元素可用于修复格式。我希望你们能看到我没有看到的页面上的内容，以便我能够添加所需的空格。

谢谢大家。

- Christopher Bruce

---

.item { padding-right: 5px; } - Explosion Pills

Answer 1

.item:after {
content: "\00a0";
}

- Pikk

---

太棒了。有没有办法增加它们之间的间隔，而不影响“最近话题”部分区域中的项目？ - Christopher Bruce

是的，它应该是在上面的代码中 .mostpopular .item:after 而不是 .item:after。 - Pikk

不客气。我一周前学了那个东西 :) 非常有用 :) - Pikk

在你的回答中值得一提的是，根据此处所述，它不支持IE8或更早版本 - 根据这里的数据，超过10%的人仍在使用IE7或IE8，这是很多人，这段代码对他们来说将无法工作。 - Shadow The Spring Wizard

@Pikk那么如何解决更广泛的跨浏览器兼容性问题呢？ - Christopher Bruce