HTML-ячейка не объединяет высоту при использовании нескольких строк

Question

У меня есть таблица с базовой структурой, как показано ниже.Проблема в том, что когда я использую одинаковый диапазон строк для всех столбцов, высота сворачивается только в одну строку.

<table border=1>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

, когда некоторые столбцы имеют интервалы строк

<table border=1>
  <tr>
    <td rowspan=2>1</td>
    <td rowspan=2>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Когда все столбцы имеют размах строк.Это где проблема появляется.В основном ожидаемый результат для первой строки, чтобы охватить две строки вместо одной

<table border=1>
  <tr>
    <td rowspan=2>1</td>
    <td rowspan=2>2</td>
    <td rowspan=2>3</td>
  </tr>
  <tr>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Answer 1

Как уже упоминал мистер Листер, этого можно добиться, стилизовав элементы td с помощью rowspan. но вместо использования процента вы должны использовать их как единицу. td[rowspan='2'] {height:2em;}

Так вычисляется высота строки таблицы, если вы не укажете высоту явно