Solution au problème selon lequel le centrage vertical du texte à hauteur de ligne n'est pas pris en charge dans IE9

Nous savons que dans IE9, parfois le texte de la page Web que vous écrivez ne peut pas être centré verticalement. Quelle est la raison pour laquelle le texte dans le paramètre line-height d'IE9 ne peut pas être centré verticalement ?

Je crois que vous avez vu dans IE9 que vous utilisez la hauteur de ligne pour définir le texte centré verticalement et que le texte ne peut pas être centré verticalement. Cela est lié à votre paramètre de police CSS. est utilisé pour définir font-family:Arial, Helvetica, sans-serif;

Solution à l'échec de la hauteur de ligne dans ie9 :
1. Définissez simplement la police et ajoutez Song Dynasty. pour résoudre le problème. Par exemple, le code CSS font-family : Arial, "宋体", Helvetica, sans-serif ; Cette méthode consiste à mettre les caractères chinois derrière les polices anglaises, mais ce n'est pas si bon. est recommandé pour résoudre le problème des polices chinoises compatibles IE9.

2. Que faire si seules les polices chinoises doivent être utilisées en CSS, nous pouvons convertir les noms de polices chinoises en codage Unicode.

Démonstration de conversion d'encodage Unicode :
Police de la chanson : 5B8B4F53
Helvetica : 9ED14F53
Microsoft Yahei : 5FAE8F6F96C59ED1

comme suit :
div{font-family:" Police de la chanson ";}
Après le transfert :
div{font-family:"5B8B4F53";}

Lors de la définition de la police, veuillez noter que vous devez également définir la police par défaut fournie avec le système, comme Hengti et Songti.

Les polices anglaises ne sont pas reconnues dans IE9 chinois, donc IE9 ne peut pas trouver les polices chinoises à définir, donc les polices échoueront verticalement de haut en bas.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Réponses aux questions sur la dénomination des cas de chameaux et JS

Valeurs booléennes, opérateurs relationnels en JS, Explication détaillée et exemples d'opérateurs logiques

Résumé du framework front-end js et explication de ses utilisations

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!