不使用CSS創建復雜的表結構
[英]Creating complex table structure without using css
問題描述
我正在嘗試在不使用CSS的情況下以HTML制作此表，但沒有得到所需的輸出。 我已經嘗試了6：2：3 rowpan的行的其他組合。
這是所需的輸出
這是我正在使用的代碼。
<!doctype html> <html> <head> <title>Table</title> </head> <body> <table border="1"> <tr> <th rowspan="3"> </th> <th colspan="3"> </th> </tr> <tr> <th colspan="2"> </th> <th rowspan="2"> </th> </tr> <tr> <th> </th> <th> </th> </tr> <tr> <td rowspan="2"> </td> <td rowspan="2"> </td> <td rowspan="2"> </td> <td > </td> </tr> <tr> <td > </td> </tr> <tr> <td rowspan="6"> </td> <td rowspan="2"> </td> <td rowspan="2"> </td> <td rowspan="3"> </td> </tr> <tr> <td rowspan="2"> </td> <td rowspan="2"> </td> </tr> <tr> <td rowspan="2"> </td> <td rowspan="2"> </td> <td rowspan="3"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
1 個解決方案
解決方案1
1 2019-09-14 19:36:10
可能沒有設置“完成高度”，但是它可以正常工作
table, td { border: 1px solid black; } td { height: 50px; }
<table style="width:100%"> <tr> <td>5</td> <td colspan="3"> <table style="width:100%"> <tr> <td> <table style="width:100%;margin-top:50px;"> <tr> <td>6</td> </tr> </table> </td> <td>7</td> </tr> </table> </td> </tr> <tr> <td>8</td> <td>9</td> <td>10</td> <td> <table style="width:100%"> <tr> <td>11</td> </tr> </table> <table style="width:100%"> <tr> <td>12</td> </tr> </table> </td> </tr> <tr> <td></td> <td class="not"> <table style="width:100%"> <tr> <td>13</td> </tr> <tr> <td>14</td> </tr> <tr> <td>15</td> </tr> </table> </td> <td colspan="2"> <table style="width:100%"> <tr> <td>16</td> </tr> <tr> <td>17</td> </tr> </table> </td> </tr> <tr> <td>18</td> <td>16</td> <td>20</td> <td>21</td> </tr> </table>
CSS / HTML：如何在不使用表的情況下實現類似於表的結構？
[英]CSS/HTML: How to achieve a structure like table without using table?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.