Maison > interface Web > tutoriel HTML > Espaces La distance d'affichage est incohérente dans les navigateurs IE, Firefox et Chrome_HTML/Xhtml_Webpage Production

Espaces La distance d'affichage est incohérente dans les navigateurs IE, Firefox et Chrome_HTML/Xhtml_Webpage Production

WBOY
Libérer: 2016-05-16 16:37:38
original
1826 Les gens l'ont consulté

  L'effet d'affichage sur les navigateurs IE, Firefox et Chrome est différent, principalement parce que la largeur de l'espace précédent est différente.

Les informations en ligne indiquent
Différents navigateurs auront des polices par défaut différentes. Généralement, la police par défaut d'IE est Song Dynasty, tandis que la police par défaut de Firefox et Chrome est Times New Roman,
Song Dynasty est une police avec des caractères à largeur constante, mais Times New Roman n'est pas une police avec des caractères à largeur constante. Parce que les polices par défaut des navigateurs sont différentes, la largeur d'affichage des
caractères d'espace est également différente selon les paramètres. navigateurs.

Par exemple, le code suivant est testé avec IE et Chrome respectivement

Copiez le code
Le le code est le suivant :



🎜>
td>nbsp;nbsp ;nbsp;nbsp;nbsp;nbsp;Je suis la troisième rangée
en chrome est le suivant :


L'effet d'affichage sous IE9 est le suivant :


On peut voir que deux  , alors que quatre n'occupent que la largeur d'un caractère chinois dans IE La largeur d'un caractère chinois.
Solution :

1. Modifier le format d'encodage de la page et la méthode de compilation de la page (dans myeclipse)

Puis faites un clic droit sur IE pour modifier le format d'affichage de l'encodage

2. (Recommandé) Définissez la police dans le espacez la ligne et mettez Il suffit de définir la police sur n'importe quelle police avec des caractères équidistants. Par exemple :



Copier le code

Le code est le suivant :


nbsp;nbsp;nbsp;nbsp;Je suis la deuxième ligne
PS : nbsp;Remplacer par 
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
Je suis la première ligne
nbsp;nbsp;nbsp;nbsp;Je suis la deuxième rangée