Bei der Überprüfung einiger Code fand ich diese neue Deklaration: -webkit-padding-start
, aber ich bin nicht in der Lage zu verstehen, was ist der Unterschied mit der bestehenden padding-left
Eigenschaft. Ich habe bereits die Seite auf Mozilla Developers gelesen und eine fiddle erstellt, aber ich bin immer noch unsicher.Was ist der Unterschied zwischen Padding-Links und Padding-Start?
Antwort
Neben -webkit-padding-start
Nicht-Standard ist, wobei der Unterschied ist, dass, wenn die Richtung nach links ist das Schreiben Recht auf, -webkit-padding-start
Polsterung nach rechts versetzt (effektiv zu padding-right
umgewandelt wird).
Wenn die Eigenschaft standardisiert wäre, wäre sie nützlich für Stylesheets, die für Dokumente mit Texten in verschiedenen Schriftsystemen verwendet werden sollen. Sie könnten dann Padding an den Anfang des Textes setzen, vorausgesetzt, Sie haben das dir
-Attribut in HTML oder die direction
-Eigenschaft in CSS richtig eingestellt, um der Direktionalität zu entsprechen. Die Auffüllung wäre also links vom Anfang des Textes, z. in den westlichen Sprachen, aber rechts vom Anfang des Textes (der von rechts nach links verläuft), z. in arabischen, persischen oder hebräischen Texten.
Wenn die berechnete Richtung von links nach rechts wird ltr
-moz-padding-start
setzt dann die left-padding:;
sonst die right-padding:;
setzt.
So zum Beispiel:
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;
}
Wenn die Schreibrichtung von links nach rechts verläuft,
-webkit-padding-start overrides padding-left
. Wenn die Schreibrichtung von rechts nach links ist, .
Quelle: CSS-Info
- 1. Was sind paddingStart und paddingEnd?
- 2. Was ist der Unterschied zwischen `==` und `ist`?
- 3. Was ist der Unterschied zwischen:.! und: r !?
- 4. Was ist der Unterschied zwischen Difftime und '-'?
- 5. Was ist der Unterschied zwischen $ und $$?
- 6. Was ist der Unterschied zwischen Verilog! und ~?
- 7. was ist der Unterschied zwischen [[], []] und [[]] * 2
- 8. Was ist der Unterschied zwischen/* ... */und/** ... */
- 9. Was ist der Unterschied zwischen `&` und `ref`?
- 10. Was ist der Unterschied zwischen $ (...) und `...`
- 11. Was ist der Unterschied zwischen .Equals und ==
- 12. Was ist der Unterschied zwischen "$^N" und "$ +"?
- 13. Was ist der Unterschied zwischen + = und = +?
- 14. Was ist der Unterschied zwischen? und ? = Nil
- 15. Was ist der Unterschied zwischen $ (()) und Ausdruck?
- 16. Was ist der Unterschied zwischen:
- 17. Was ist der Unterschied zwischen der JSP und der JSTL?
- 18. Was ist der Unterschied zwischen NetFx45WebLink und NetFx45RedistLink ist
- 19. Was ist der Unterschied zwischen PS1 und PROMPT_COMMAND ist
- 20. Was ist der Unterschied zwischen x86 und x64 ist
- 21. Was ist der Unterschied zwischen „ist None“ und „== None“
- 22. Was ist der Unterschied zwischen DISPATCH_QUEUE_CONCURRENT und DISPATCH_QUEUE_SERIAL ist
- 23. Was ist der Unterschied zwischen Task.Run ist() und Task.Factory.StartNew()
- 24. Was ist der Unterschied zwischen RewriteRule ist und umleiten 301
- 25. Was ist der Unterschied zwischen ist - (void) und + (void) Methoden
- 26. Was ist der Unterschied zwischen ist HttpResponseMessage und HttpResponseException
- 27. Was ist der Unterschied zwischen nohup und kaufmännisches Und
- 28. Was ist der Unterschied zwischen: und :: und ::: in Javascript Grammatik
- 29. Was ist der Unterschied zwischen Microsoft.AspNet.WebApi.OData und Microsoft.Data.OData und Microsoft.AspNet.OData?
- 30. Was ist der Unterschied zwischen Chisel und Lava und CLaSH?
http://jsfiddle.net/avrMw/3/ – Alohci