html - 这个 HTML 表格有什么问题?

标签 html css

我正在尝试制作这张 table 。但问题是最后一行一直紧挨着它之前的一行,尽管每一行都在不同的行中。我不明白为什么。我试图改变宽度和高度,但没有任何效果。这是代码:

<html>
<head>

</head>
<body>
<table border="1" width="50%">
<tr>
   <th rowspan="2">
     nnnnnnnnnn
   </th>
   <th colspan="2">
      aaaaaaaaaaaaaaa
   </th>
</tr>
<tr>
     <td>bbbbbbbbbbbbb</td> 
     <td>ccccccccccccc</td> 
</tr>
<tr>
     <td rowspan="2">Un</td>
     <td  rowspan="2">bal blabal blabal blabal blabal blabal </td>
     <td  rowspan="2">xxxxxxxxxxxx</td>
</tr>
<tr>
     <td rowspan="2">Deux</td>
     <td  rowspan="2">yyyyyyyyyyy </td>
     <td  rowspan="2">bal blabal blabal blabal blabal</td>
</tr>
</table>
</body>
</html>

这是我希望表格的样子:Image

最佳答案

<html>
<head>

</head>
<body>
<table border="1" width="50%">
<tr>
   <th rowspan="2">
     nnnnnnnnnn
   </th>
   <th colspan="2">
      aaaaaaaaaaaaaaa
   </th>
</tr>
<tr>
     <td>bbbbbbbbbbbbb</td> 
     <td colspan="2">ccccccccccccc</td> 
</tr>
<tr>
     <td>Un</td>
     <td>bal blabal blabal blabal blabal blabal </td>
     <td>xxxxxxxxxxxx</td>
</tr>
<tr>
     <td>Deux</td>
     <td>yyyyyyyyyyy </td>
     <td>bal blabal blabal blabal blabal</td>
</tr>
</table>
</body>
</html>

关于html - 这个 HTML 表格有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56459594/

相关文章:

javascript - 子菜单不与侧面父元素重叠

javascript - Jquery 隐藏多个div onclick

jquery - 如何防止子元素继承任何父样式?

javascript - Css 文件未检测到 html 中数据主题的更新

html - css - 透明滚动条,而 body 背景中的图像

css - 设计带有圆 Angular 边框的聊天文本框

javascript - 使用 DOM 从第二个 HTML 表中提取数据,忽略第一个表

html - Chrome Extension - 如何设置 Extension Popup 的列宽

html - 如何在保持宽高比的同时使图像扩展/缩小到可用空间

html - 如何使我的 CSS 包装器的宽度相对于显示器的大小?