填充的CSS问题，浏览器兼容性问题

-webkit-padding-start: 4px 0px; //for google chrome 
-moz-padding-start: 3px 0px; //for Mozilla Firefox 
padding: 3px 0;     // others browser

但结果差异填充是填充：3px的0;采取两个浏览器。我需要区分它。

2013-05-06 Rickyrock

这听起来像是一个奇怪的请求，希望浏览器呈现不同。这是为了弥补网页上的其他问题吗？如果是这样，最好解决这个问题。 – 2013-05-06 13:18:25

谢谢Lister先生和Guffa先生。我犯了两个错误。结合两个答案，css在两个浏览器中都能正常工作。再次感谢你们俩。 – Rickyrock 2013-05-07 09:41:15

如果可能，您应该尝试在所有浏览器中使用相同的样式。即使最初的工作多一点，它也会使维护更容易。也就是说，

padding-start样式采用单个值，而不是两个值。

例，语法-moz-padding-start：

-moz-padding-start: <length> | <percentage> | inherit | auto;

例子：

-moz-padding-start: 10px;

2013-05-06 13:19:43 Guffa

如果按照这个顺序做，浏览器将使用最后声明：中padding将覆盖-webkit-padding-start。因此切换声明。

padding: 3px 0;     // other browsers 
-webkit-padding-start: 4px;  // for Google Chrome 
-moz-padding-start: 3px;  // for Mozilla Firefox

然后-webkit-padding-start将覆盖padding起始值。

2013-05-06 13:22:53

回答