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

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

DDD

Libérer： 2024-12-24 21:50:12

original

312 Les gens l'ont consulté

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;
}

Copier après la connexion

<body>
  <form>

Copier après la connexion

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!

source：php.cn

Article précédent：Comment centrer verticalement une division à l'intérieur d'une division en pourcentage de hauteur ? Article suivant：Pourquoi mes liens visités restent-ils en gras dans IE et Chrome ?

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

Derniers articles par auteur