chrome css问题：链接周围的边框（右）未显示答案

【问题标题】：chrome css problem: border (right) around link not displayedchrome css问题：链接周围的边框（右）未显示
【发布时间】：2011-05-18 11:53:56
【问题描述】：

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

您可以看到在 Chrome 中（在 win7 11.0.696.68 上测试）前 2 个链接的右边框被“切断”并且未显示。 FF 和 IE 7/8/9 似乎可以正常显示。

在 Safari 上也是“错误”（所以它与 webkit 相关？）

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

另外，我的测试用例与Right border not displaying on google chrome 不同，但可能是同一个错误？

更新：我不想使用内联块，因为 IE7 不支持它，我发现这个错误是因为我正在删除我之前在那里的内联块： ) 这也是动态的，所以在每个链接之后添加
并不容易，因为有些链接可能会换行，而其他链接则不会......所以我首先尝试找到“正确的方式”，然后再求助到更“棘手”的方式。

【问题讨论】：

【解决方案1】：

您已将包含的 DIV 设置为 250px 的固定宽度。这是切断边缘。此外，您应该将display:inline-block; 添加到您的CSS 链接类中。这将使您的链接成为 block 元素，同时保持 inline。它还将应用您正确分配的填充。

在此处查看更新的链接http://jsfiddle.net/sV8js/12/

丹

【讨论】：

哎呀，对不起。我忘了写我不想使用 inline-block 来保持对 IE7 的兼容性（这就是我正在做的，删除 inline-block，这就是我发现这个“错误”的方式）我会更新我原来的说明这一点的问题。
嗨 AlfaTeK，它似乎在 IE6 和 7 中按预期显示。 IE6&7 将忽略 inline-block 的块并内联显示链接。查看屏幕截图：i55.tinypic.com/15nvn9u.png
再试一次，即使在 IE7 中我也可以使用 inline-block 进行管理

【解决方案2】：

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

【讨论】：

【解决方案3】：

您需要将display: block 添加到.referencesSkills

【讨论】：