padding-left和padding-start有什么区别？

Question

检查代码时，我发现了这个新的声明：-webkit-padding-start，但是我无法理解这与现有的padding-left属性有何不同。

我已经阅读了Mozilla Developers上的页面并创建了一个fiddle，但我仍然不确定。

- Mimo

---

http://jsfiddle.net/avrMw/3/ - Alohci

Answer 1

除了-webkit-padding-start不是标准的外，它与padding-right的区别在于，在从右到左书写方向时，-webkit-padding-start会将填充放置在右侧（实际上会转换为padding-right）。

如果该属性被标准化，那么对于包含不同书写系统文本的文档使用的样式表将非常有用。您可以设置HTML中的dir属性或CSS中的direction属性以正确对应文字方向，然后在文本开始处插入填充。因此，填充将位于文本开始的左侧，例如在西方语言中，但将位于文本开始的右侧（从右到左运行）例如在阿拉伯语、波斯语或希伯来语文本中。

- Jukka K. Korpela

Answer 2

如果写作方向是从左到右，-webkit-padding-start将覆盖 padding-left。如果写作方向是从右到左，则-webkit-padding-start将覆盖padding-right。^{来源：CSS-Info}

- Timo Jungblut

Answer 3

如果计算的方向是从左到右 ltr，那么-moz-padding-start 设置 left-padding:;，否则它将设置right-padding:;。

例如:

HTML:

<p><a class="left">padding-start: 20px (ltr)</a>
</p>
<p><a class="right">padding-start: 20px (rtl)</a>
</p>

CSS:

    .left {
        direction: ltr;
        border: 1px solid #000;
        -moz-padding-start : 20px;
        -webkit-padding-start : 20px;
    }
    .right {
        direction: rtl;
        border: 1px solid #000;
        -moz-padding-start : 20px;
        -webkit-padding-start : 20px;
    }

点击此处查看示例

- Ruddy