wyrównywanie tekstu: -webkit-center vs wyrównanie tekstu: centrum

Question

Czy ktoś wie, dlaczego istnieje różnica między wyrównaniem tekstu: środek i, wyrównywanie tekstu: -webkit-center? Na przykład, jeśli masz:

<section> 
<h1>Title<h1> 
<div class="image"></div> 
</section> 

// CSS z wyrównaniem tekstu: centrum;

section{ 
text-align: center; 

} 

będzie to centrum tylko tekst

// CSS z text-align: -webkit-center

section{ 
text-align: -webkit-center; 
} 

To wyśrodkować tekst i obraz.

To samo dotyczy wyrównania tekstu: -moz-center;

Answer 1

To są css prefiks własności zastosowanego dla poszczególnych silników przeglądarek,

na przykład

-webkit for Chrome, Safari;

-moz for Firefox, -o for Opera

-ms for Internet Explorer 

Answer 2

Z Mozilla Developer Network:

Zarówno WebKit, jak i Gecko obsługują prefiksowaną wersję lewej, środkowej i prawej strony, która odnosi się nie tylko do zawartości liniowej, ale także do blokowania elementów. Służy do implementacji starszych atrybutów align na elementach table i <center>. Nie należy ich używać w witrynach produkcyjnych.

— MDN's documentation on text-align.

Answer 3

Właściwość CSS text-align opisuje, w jaki sposób treść liniowa, taka jak tekst, jest wyrównana w swoim elemencie bloku rodzica. text-align nie kontroluje wyrównania elementów bloków, tylko ich zawartość śródliniową.

text-align: -moz-center; 
text-align: -webkit-center;