colspan / rowspan не отображается должным образом в таблице HTML - PullRequest
Новая
       9

colspan / rowspan не отображается должным образом в таблице HTML

0 голосов
/ 07 июня 2019

Я приложил эту фотографию, чтобы показать вам, что вопрос задает с правильным форматированием.

enter image description here

Нажмите здесь, чтобы увидеть мой выводс кодом, использованным ниже. 

<h1>7.
  <table>
    <tr>
      <th colspan="3">1</th>
    </tr>
    <tr>
      <td rowspan="2">2</td>
      <td>3</td>
      <td>4</td>
    </tr>
    <tr>
      <td>5</td>
      <td>6</td>
    </tr>
  </table>
</h1>

Я использовал rowspan и colspan, как указано в инструкции, и все же в моей таблице все еще не хватает больших пробелов, как показано в примере, поэтому я ищу руководство попропал.Числа выровнены правильно, просто пропущены пробелы.Я знаю, что код должен выглядеть нормально, но программа проверки говорит, что это неправильно.

Ответы [ 2 ]

0 голосов
/ 07 июня 2019 

table,
td {
  border: 1px solid black;
  font-weight: bold;
  min-height: 128px;
  text-align: center;
}
<table>
  <tr>
    <td colspan="3">1</td>
  </tr>
  <tr>
    <td rowspan="2">2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>5</td>
    <td>6</td>
  </tr>
</table>
0 голосов
/ 07 июня 2019 

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    table.td {
      bold: normal;
    }
    </style>
    </head>
    
    <body>
    <h1>7</h1>
    <table style="text-align:center;">
    <tr >
        <th colspan="3"><h1>1</h1></th>
    </tr>
    <tr>
        <td rowspan="2"><h1>2</h1></td>
        <td><h1>3</h1></td>
        <td><h1>4</h1></td>
    </tr>
    <tr>
        <td><h1>5</h1></td>
        <td><h1>6</h1></td>
    </tr>
    </table>
    </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...