почему TD отображаются в пределах TR в одной строке?

Question

TD является блочным элементом,

, но отображает как встроенные, скажем, несколько TD в пределах дисплея TR в одной строке,

почему

Answer 1

TD на самом деле не являются технически «блочными» элементами. Взгляните на свойство отображения CSS . Клетки технически относятся к типу «настольные ячейки» и представляют собой особый случай.

Существует также другой тип отображения, называемый «встроенный блок», который может быть полезен.

Answer 2

Потому что так работают таблицы.

Answer 3

Потому что они для табличных данных.

Answer 4

Если вы хотите, чтобы <td> отображался как «блок», просто добавьте еще один <tr> ниже текущего <tr>. Это эффективно заставит <td> действовать как элемент уровня блока.

Допустим, у вас есть такая таблица:

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

И вы хотите, чтобы «ячейка таблицы B» действовала как «блок». Вы могли бы сделать это:

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

Это перемещает ячейку таблицы B ниже ячейки таблицы A.

Answer 5

TR = строка таблицы. Как еще вы хотели бы, чтобы он вел себя?