css - Chrome 和 Firefox 的实际 css 值因填充而不同

标签 css google-chrome firefox html-table

我有一个奇怪的问题,chrome 和 firefox 都指向同一个样式表,但是在 chrome 中,当我检查元素时,它显示填充定义是 padding: 5px 5px;

但是在 firefox 中,当我使用 firebug 并检查元素时,它显示 padding: 5px;

这显然会在两种浏览器中产生不同的结果。奇怪的是它又是同一个样式表,而且它们都指向同一行代码。这里有什么想法吗?

如果重要的话,填充会应用于表格元素的 td 标签。谢谢!!

最佳答案

padding: 5px 5px; 等同于padding: 5px;

http://jsfiddle.net/4fmq8/

padding: 5px; 在所有 4 个边上设置一个 5px 的内边距。

padding: 5px 5px; 为顶部和底部(第一个 5)设置 5px 填充,为左侧和右侧(第二个 5)设置 5px。

如您所见,这是一回事。

关于css - Chrome 和 Firefox 的实际 css 值因填充而不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6988816/

相关文章:

javascript - 这是与输入+数据列表相关的 Chrome UI 性能错误吗?

python - 消息: unknown error: Chrome failed to start: exited abnormally on AWS Cloud9 with Linux 4. 9.85-38.58.amzn1.x86_64 x86_64

image - chrome 和 firefox 中的图像损坏在 safari 中正常工作

html 输入类型 ="date"在 chrome 上无法正常工作

html - 浏览器的 1px 计算问题(亚像素问题)

css - 如何为未知大小的图像添加偏移边框?

jquery - 将箭头添加到我现有的 Accordion

html - 带有响应式 iframe youtube 视频的 Flexbox

javascript - CasperJS 无法填充谷歌搜索字段

css - 使用 CSS 将页眉页面拆分为图像