li和点击链接后Chrome的元素样式问题

时间:2015-06-10 14:15:14

标签: html css google-chrome html-lists

我有一个在Firefox中运行良好的简单菜单,但是当使用Chrome时,链接会在您点击它们时移动,因此会破坏样式。我从某个地方读到SkillView SkillView元素会解决这个问题,但事实并非如此。

您可以在此处看到演示:https://jsfiddle.net/dewg1L8y/1/ 使用Chrome并点击链接即可查看我的意思。

还有任何想法如何删除Chrome中的文字换行?它在Firefox中保持一行。

HTML:

display: block;

的CSS:

a

2 个答案:

答案 0 :(得分:1)

只需将标记的填充从10%更改为10px或更多

答案 1 :(得分:0)

在你的css改变了     li {     显示:内联;     list-style:none;     }     一个 {     颜色:#000;     填充:0 10%0 10%;     text-decoration:none;     }

这仍将显示内联,无论浏览器

,样式都将保持不变