CSS 仅适用于 Chrome 的 CSS3 填充顶部和底部
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/19963489/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
CSS3 Padding top and bottom for Chrome only
提问by Kung Fu Front Ender
I have been searching the web for a chrome only solution. I need to modify something in a stylesheet in Chrome only, but I cannot seem to find what I'm looking for online nor on stackoverflow. Chrome has the following for padding left and right
我一直在网上搜索仅适用于 chrome 的解决方案。我只需要在 Chrome 中的样式表中修改某些内容，但我似乎无法在网上或 stackoverflow 上找到我要查找的内容。Chrome 具有以下用于左右填充的内容
-webkit-padding-start
-webkit-padding-end
-webkit-padding-start
-webkit-padding-end
But, is there anything for top AND bottom? OR, am I out of luck?
但是，顶部和底部有什么东西吗？或者，我不走运吗？
回答by Josh Crozier
Use -webkit-padding-beforefor toppadding, -webkit-padding-afterfor bottom padding.
使用-webkit-padding-before的top填充，-webkit-padding-after为底部填充。
(Top) - -webkit-padding-before
（最佳） - -webkit-padding-before
(Right - -webkit-padding-end
（对 - -webkit-padding-end
(Bottom) - -webkit-padding-after
（底部） - -webkit-padding-after
(Left) - -webkit-padding-start
（剩下） - -webkit-padding-start
回答by Wayne
This hack looks like it may do the trick.
这个 hack 看起来可以解决问题。
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* rules only apply in saf3+, chrome1+ */
}
