css - 在 chrome 中,当 <p> 中某些 <a> 或 <strong> 的行为就像它们处于 "inline kinda absolute"位置(您需要查看图片)

标签 css webkit

在 chrome(当然还有 safari)中,我有这种我不理解的非常奇怪的行为:

enter image description here

我知道我的问题不准确,我知道正确表达它可能会给我答案。所以如果有人想编辑问题...... :)

首先,当我在 <strong> 上看到这种行为时,我认为这可能是字体引起的。 <strong> 使用 Font-face 并使用特殊的粗体字体标记和 mabye 如果它没有正确加载......但是因为它也出现在 <a> 上,我正在寻找另一首轨道。

页面在这里:http://sciences.blogs.liberation.fr/home/2012/10/dix-questions-sur-s%C3%A9ralini-et-les-ogm-poisons.html

代码很经典:

<p>L<a href="http://www.anses.fr/" target="_self">'Anses</a> et le <a href="http://www.hautconseildesbiotechnologies.fr/" target="_self">Haut Conseil des Biotechnologies</a> rendront leurs rapports sur le sujets le 20 octobre. L'Assemblée nationale auditionneront ensuite ces deux instances. Parmi les réactions récentes, voici également un texte du <strong>syndicat Sud</strong> de l'INRA ( <span class="asset asset-generic at-xid-6a00e5500b4a648833017c3273ed58970b"><a href="http://sciences.blogs.liberation.fr/files/inra-expression-ogm-octobre-2012.pdf">ici en pdf</a></span>) qui conteste l'attitude de sa direction et réclame entre autre la mise en cause des procédures d'évaluation des produits phytosanitaires.</p>

CSS 太长,无法将所有内容粘贴到此处,因为我完全不知道是什么导致了这种行为。您可以在生产页面上检查它。

最奇怪的是:我每次加载页面时都没有错误;它似乎是随机的。这就是为什么我首先考虑字体加载问题的原因。

最佳答案

好的,问题出在 svg 字体上。

答案是:永远不要在 chrome 中使用 svg 字体!

关于css - 在 chrome 中,当 <p> 中某些 <a> 或 <strong> 的行为就像它们处于 "inline kinda absolute"位置(您需要查看图片),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12838734/

相关文章:

html - 在Javascript中将图像放在另一个图像上

html - 绝对位置不起作用

javascript - D3。加载 SVG 文件并一次只显示一个。褪色/更换问题

html - 如何使用 CSS 强制图像完整显示?

css - webkit line-clamp(多线省略号)不适用于方向 rtl

javascript - 我可以取消 css hover pseudo 或强制 webkit 检查悬停吗?

html - 无法在表格中添加单元格空间或边距

objective-c - 从 Cocoa IBAction 启动 WebKit Inspector?

python - python webkit 的良好文档/教程

jquery - Android Webkit 在按键上记录完整的 HTML 页面