铬的CSS问题：边界（右）身边的链接不显示

Question

我有这个小测试用例：http://jsfiddle.net/sV8js/

你可以看到，在Chrome（Win7上11.0.696.68测试）第2个链接右边框是“切断“并没有显示。 FF和IE 7/8/9似乎表明它确定。

Browsershots：http://browsershots.org/http://top3skills.com/1.html

而且在Safari“马车”（所以它的WebKit有关？）

任何人都知道什么是这种做法或如何解决这个问题呢？ （或者我应该向Chrome报告错误）任何解决方法都不会影响其他浏览器？

另外，我的测试用例与Right border not displaying on google chrome不同，但也许是相同的错误？

更新：我不想用内联块和IE7不支持它，我发现这个错误，因为我去掉inline-block的我以前有没有:)另外这是动态的，因此在每个链接之后添加
并不容易，因为某些链接可能会打破新的界限，而其他链接则不会......因此，我首先尝试获得“正确的方式”，然后再采用更“棘手”的方式。

Answer 1

您已设置包含DIV的固定宽度为250px。这是切断边缘。此外，您应该将display:inline-block;添加到您的CSS链接类。这将使您的链接块元素，同时保持它内嵌。它也会应用你已经正确赋值的填充。

查看更新这里http://jsfiddle.net/sV8js/12/

链接丹

Answer 2

尝试给这些链接一个display: inline-block或display: block属性，因为链接是inline元素。

Answer 3

你需要添加display: block到.referencesSkills