text-align: -webkit-center vs text-align: center

Question

Qualcuno sa perché c'è una differenza tra text-align: center e, text-align: -webkit-center? Ad esempio, se si dispone di:

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

// CSS con allineamento del testo: centro;

section{ 
text-align: center; 

} 

Ciò centrare solo il testo

// CSS con text-align: -webkit-centro

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

Questo sarà centrare il testo e l'immagine.

Lo stesso vale per allineamento del testo: -moz-center;

Answer 1

Questo sono css prefisso per immobili richiesto particolari motori del browser,

per esempio,

-webkit for Chrome, Safari;

-moz for Firefox, -o for Opera

-ms for Internet Explorer 

Answer 2

Dal Mozilla Developer Network:

Sia WebKit che Gecko supportano una versione prefissata di sinistra, centro e destra, che si applica non solo ai contenuti incorporati ma anche agli elementi di blocco. Viene utilizzato per implementare gli attributi legacy align sugli elementi table e <center>. Non usare questi sui siti Web di produzione.

— MDN's documentation on text-align.

Answer 3

La proprietà CSS di allineamento del testo descrive il modo in cui il contenuto inline come il testo è allineato nell'elemento del blocco principale. text-align non controlla l'allineamento degli elementi del blocco, ma solo il loro contenuto inline.

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