-webkit-padding-start:40px; IE和Firefox应该是什么?

Che*_*ong 19 html css cross-browser

-webkit-padding-start: 40px; 对于Chrome

它和IEFirefox有什么关系?

Juk*_*ela 14

对于Firefox,属性名称是-moz-padding-start.对于IE,没有对手(到目前为止).

您可以使用广泛支持的CSS功能实现相同的效果,至少在一个简单的场景中,页面整体是从左到右或从右到左的布局和书写方向.分别使用<html dir=ltr><html dir=rtl>编写CSS代码,如下所示:

[dir=ltr] .foo {
   padding-left: 2.5em;
}
[dir=rtl] .foo {
   padding-right: 2.5em;
}
Run Code Online (Sandbox Code Playgroud)

这将对应于.foo { padding-start: 2.5em; }.当然,这种方法意味着一些代码重复.但它几乎100%起作用(包括IE 7和更新的Standad模式).


ear*_*ils 10

-moz-padding-start: 40px;
-webkit-padding-start: 40px;
-khtml-padding-start: 40px;
-o-padding-start: 40px;
padding-start: 40px;
padding: 40px;
Run Code Online (Sandbox Code Playgroud)

我不相信IE有一个padding-start等价物.