Maison >interface Web >tutoriel CSS >Comment puis-je créer un tableau en utilisant uniquement `` et CSS ?

Comment puis-je créer un tableau en utilisant uniquement `` et CSS ?

DDD
DDDoriginal
2024-12-24 21:50:12355parcourir

How Can I Create a Table Using Only `` and CSS?

Création d'un tableau en utilisant uniquement
et CSS

Création de tableaux à l'aide du langage

element et CSS offrent une approche flexible et portable, en particulier lorsque vous travaillez avec des navigateurs plus anciens qui ne prennent pas entièrement en charge les éléments de tableau modernes. Voici une solution améliorée au problème que vous avez décrit :

.div-table {
  display: table;
  width: auto;
  background-color: #eee;
  border: 1px solid #666666;
  border-spacing: 5px;
  /* cellspacing: poor IE support for this */
}

.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}

.div-table-col {
  float: left; /* fix for buggy browsers */
  display: table-column;
  width: 200px;
  background-color: #ccc;
}
<body>
  <form>

Cet extrait de code créera un tableau avec les en-têtes et les données spécifiés, et l'affichera correctement dans les navigateurs comme Internet Explorer 7 et versions ultérieures. En utilisant

et les propriétés de tableau CSS, vous pouvez obtenir une structure de type tableau sans compter sur les éléments de tableau HTML traditionnels.

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!

Déclaration:
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