Как убрать пустой ящик на втором тр? - PullRequest
Новая
       4

Как убрать пустой ящик на втором тр?

0 голосов
/ 08 мая 2020 
td {
    width: 75px;
    height: 50px;
    background-color: rgb(80, 255, 109);
    text-align: center;
    font-size: 2rem;
}

<table>

  <tr>
     <td colspan="2">AC</td>
     <td>Del</td>
     <td>+</td>
  </tr>

  <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>-<td>

Я получаю здесь дополнительную коробку 

</table>

Когда я запускаю это. Я получаю лишнюю пустую коробку в конце второго тр.

Ответы [ 3 ]

1 голос
/ 08 мая 2020

Вы пропали </td> на <td>-</td>

td {
    width: 75px;
    height: 50px;
    background-color: rgb(80, 255, 109);
    text-align: center;
    font-size: 2rem;
}
<table>

  <tr>
     <td colspan="2">AC</td>
     <td>Del</td>
     <td>+</td>
  </tr>

  <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>-</td>
  <tr>
</table>
0 голосов
/ 08 мая 2020

Это потому, что вы не закрываете свой второй тег tr 

<table>
  <tr>
     <td colspan="2">AC</td>
     <td>Del</td>
     <td>+</td>
  </tr>
  <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>-<td>
  </tr>
</table>
0 голосов
/ 08 мая 2020

Перед закрытием таблицы отсутствует закрывающий тег </td>. Попробуйте это: 

td {
    width: 75px;
    height: 50px;
    background-color: rgb(80, 255, 109);
    text-align: center;
    font-size: 2rem;
}

<table>

  <tr>
     <td colspan="2">AC</td>
     <td>Del</td>
     <td>+</td>
  </tr>

  <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>-</td>
</tr>
</table>
...