Maison >interface Web >tutoriel CSS >Pourquoi Inline-Block ne fonctionne-t-il pas correctement dans IE8 ?
Pourquoi Inline-Block ne fonctionne-t-il pas correctement dans IE8 ?
- Susan Sarandonoriginal
- 2024-10-29 05:59:02585parcourir
Affichage IE8 : erreur de blocage en ligne résolue
Dans IE8, malgré sa prise en charge apparente du blocage en ligne, certains utilisateurs rencontrent des problèmes avec le blocage en ligne. afficher. Pour résoudre ce problème, assurez-vous qu'un doctype est déclaré avant la balise HTML.
Le code suivant illustre l'utilisation du bloc en ligne dans IE8 :
<code class="css">span, ul, ul li {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
list-style: none;
}</code>
<code class="html"><span>I would want</span> <ul> <li>this</li> <li>on</li> <li>one line.</li> </ul></code>
Ce code est destiné pour aligner les éléments span et list en ligne, comme on le voit dans les navigateurs comme Google Chrome. Cependant, les utilisateurs d'IE8 peuvent rencontrer un alignement incorrect en raison de l'absence de doctype. Pour garantir un affichage correct dans IE8, ajoutez la déclaration suivante comme première ligne de votre code :
<code class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></code>
Ce doctype informe IE8 que le document adhère à la norme HTML5, résolvant le problème d'affichage et alignant correctement les éléments. comme prévu.
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!