Pourquoi Inline-Block ne fonctionne-t-il pas correctement dans IE8 ?-tutoriel CSS-php.cn

Pourquoi Inline-Block ne fonctionne-t-il pas correctement dans IE8 ?

Susan Sarandon

Libérer： 2024-10-29 05:59:02

original

529 Les gens l'ont consulté

Why Doesn't Inline-Block Work Properly in IE8?

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>

Copier après la connexion

<code class="html"><span>I would want</span>
<ul>
  <li>this</li>
  <li>on</li>
  <li>one line.</li>
</ul></code>

Copier après la connexion

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>

Copier après la connexion

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!