Почему rowspan html не работает должным образом? - PullRequest
Новая
       0

Почему rowspan html не работает должным образом?

0 голосов
/ 23 декабря 2018

Я пытаюсь создать макет таблицы, как показано на изображении ниже:

https://imgur.com/c4M6gAM

<table>
    <tr>
        <td rowspan="3">1</td>
        <td>2</td>
        <td rowspan="2">3</td>
    </tr>
    <tr>
        <td rowspan="2">4</td>
    </tr>
    <tr>
        <td>5</td>
    </tr>
</table>

Фактический результат:

enter image description here

1 Ответ

0 голосов
/ 24 декабря 2018 
It works if we use height and width for td and tr


<html>
<head>
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
border-collapse:collapse;
}
tr{
height:50px;
}
td{
width:30px;
}
</style>
</head>
<body>
   <table>
    <tr>
        <td rowspan="3"></td>
        <td></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>
  </body>

</html>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...