-1
votes

Largeur des cellules de table HTML

J'essaie d'implémenter la disposition de table suivante dans HTML

Table de 100% de largeur a trois colonnes. La teneur en colonne gauche et droite est flottante à gauche et à droite en conséquence. Les colonnes gauche et droite doivent allouer un espace viable minimum par leur enfant le plus large, où alloue la colonne moyenne. Comment définir une telle table avec HTML5 et CSS?

html css user-interface html-table

0 commentaires

3 Réponses :

-1
votes

Essayez ceci. XXX PRE>

.cont {
  display: flex;
  flex-direction: row;
  color: #fff;
}

.left {
  flex: none;
  background: #111;
}

.right {
  flex: none;
  background: #111;
}

.middle {
  flex: auto;
  background: #66ccff;
}

0 commentaires

-1
votes

Il y a un tutoriel W3school Tutoriel sur la façon de faire quelque chose qui est très similaire À ce que vous essayez de faire, je l'ai adapté et j'ai fait un codepen sur Codepen . xxx

0 commentaires

0
votes

<table style="width: 100%">
					<tr>
						<th>Element</th>
						<th>Element</th>
						<th>Element</th>
					</tr>
					<tr>
						<td>Element</td>
						<td>Element</td>
						<td>Element</td>
					</tr>
					<tr>
						<td>Element</td>
						<td>Element</td>
						<td>Element</td>
					</tr>
					<tr>
						<td>Element</td>
						<td>Element</td>
						<td>Element</td>
					</tr>
					<tr>
						<td>Element</td>
						<td>Element</td>
						<td>Element</td>
					</tr>
				</table>

0 commentaires