关于段落文本的Chrome填充问题

Question

我对网络开发领域有点新意，我在使用Chrome时遇到了一个非常持久的问题，我似乎无法弄明白。

我正在使用Compact News Previewer向数据库显示新条目。您会注意到，如果您在Firefox中查看演示，一切都很合适，但在Chrome中，左侧列中的段落会被截断。我在我自己的实现中遇到了同样的问题，如下所示（注意：我的实现与演示有点不同）：

如果您转到this website，您可以自行查看此问题。

我尝试了什么：

1. CSS Reset - 没有产生任何不同的结果。

修改

我正在使用Chrome V18.0.1025.151，要在Ubuntu上尝试系统更新，所以我明天会检查并查看是否可以解决问题。

编辑2 显然我使用的是最新版本的Google Chrome，可能是此版本的问题。但如果没有其他人能看到这个问题那么也许这不是问题......

编辑3 发现我使用Chromium而不是Chrome，我没有意识到存在差异。我安装了Chrome 7，但是我遇到了与Chromium相同的问题。还突然这些浏览器都无法显示我的一些jpg图像？ C̶h̶r̶o̶m̶e̶̶m̶u̶s̶t̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶̶lt̶lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt lt

Answer 1

似乎问题是由于Chrome的默认line-height以及您在网页上使用的字体。当使用Chrome的默认设置时，Myriad Pro和Trebuchet MS似乎具有非常广泛的领先优势; sans-serif很好。由于.cn_list p具有固定的高度和overflow:hidden设置，因此巨大的line-height Chrome会让这些字体将文本从框中推出，并将其剪切掉。

您有几个选择：

• 在line-height规则或父元素规则中指定.cn_list p值，例如body以将其级联。 （像1或1em之类的东西会收紧它，但是YMMV。）
• 移除固定高度和隐藏溢出，这可能会破坏您的设计，因为它会破坏网格。

添加line-height应该可以帮到你。

HTML5Boilerplate always set a default line-height之类的项目就是出于这个原因。