2017-06-27 1 views
0

Je crée une page SharePoint 2010 et le code ci-dessous centre la table avec succès au milieu de la page, mais quand je supprime le -webkit- du code, il ne se centre plus. Pourquoi "text-align: center" ne fonctionne pas travail? Une autre chose étrange est que le -webkit- fait seulement le centrage dans Chrome. Centrer cette table semble impossible dans tous les autres navigateurs.En CSS pourquoi est-text-align: -webkit-centre de travail pour moi quand text-align: center; n'est pas?

<style> 
.s4-wpcell-plain{ 
text-align: -webkit-center; 
} 
</style> 



<table style="width:100%" cellpadding="0" cellspacing="0"> 
<tbody> 
<tr> 
<td id="MSOZoneCell_WebPartWPQ2" valign="top" class="s4-wpcell-plain"> 

<!-- content --> 

</td> 
</tr> 
</tbody> 
</table> 
+1

Il fonctionne avec 'center' ... Je viens de créer un violon ici pour démontrer: https://jsfiddle.net/Lv0Lnc1y/ –

+0

@WayneAllen pour une raison quelconque dans Sharepoint 2010 qui ne fonctionne pas. Est-ce qu'il y a peut-être quelque chose dans une partie Web de sharepoint qui annule mes tentatives de centrage? – shampouya

+0

Je ne suis pas familier avec Sharepoint, mais je soupçonne que si vous examinez l'élément en utilisant des outils de développement, vous trouverez une autre classe ou un style qui remplace le style CSS que vous définissez. –

Répondre

0

La propriété css "text-align: center" fonctionne pour tous les navigateurs. alors que le -webkit- est un préfixe CSS pour le navigateur Safari et peut également être utilisé avec Chrome. Donc, cela ne fonctionnera pas avec d'autres navigateurs.

0

Il s'avère que les parties Webpart dans sharepoint ne peuvent pas être centrées. J'ai utilisé margin-left et margin-right: auto.

+0

Vous pouvez * les * centrer. * Voilà comment vous les centrez avec des marges horizontales automatiques. – BoltClock