Pourquoi les TD s'affichent-ils dans un TR sur la même ligne?

Question

TD est un élément de bloc,

mais affiche comme en ligne, par exemple, plusieurs passes de touché dans un affichage TR dans la même ligne,

pourquoi?

Answer 1

Parce qu'ils sont destinés aux données tabulaires.

Answer 2

TR = ligne de tableau. Sinon, comment voudriez-vous qu'il se comporte?

Answer 3

Parce que c'est ainsi que fonctionnent les tableaux.

Answer 4

Les TD ne sont en réalité pas des éléments "en bloc". Jetez un oeil à la CSS display property. Les cellules sont techniquement de type "table-cellule" et elles constituent un cas particulier.

Il existe également un autre type d'affichage appelé "inline-block" qui peut être utile.

Answer 5

Si vous souhaitez afficher un <td> en tant que "bloc", ajoutez simplement un autre <tr> au-dessous du <tr> actuel. Cela fera effectivement le <td> agir comme un élément de niveau bloc.

Disons que vous avez une table comme ceci:

<table> 
    <tr> 
     <td>Table cell A</td> 
     <td>Table cell B</td> 
    </tr> 
</table> 

Et vous voulez « B cellule du tableau » d'agir comme un « bloc ». Vous pouvez le faire:

<table> 
    <tr> 
     <td>Table cell A</td> 
    </tr> 
    <tr> 
     <td>Table cell B</td> 
    </tr> 
</table> 

Cela déplace B cellule du tableau ci-dessous Tableau cellule A.