html - 如何格式化 HTML 表格,以便我可以在具有 rowspan=2 属性的单元格中插入额外的单元格?

标签 html css html-table

我正在尝试创建一个表格,我可以将 webpart 插入其中,如下所示。

enter image description here

我现在的代码是

<table border="1">
 <tr>
   <td>Clk Map</td>
   <td rowspan="2">
   ///extra in here
   </td>
 </tr>
 <tr>
   <td>ImgeCar</td>
 </tr>
</table>

当我尝试这个时,它完全崩溃了。

<table border="1">
 <tr>
  <td>Clk Map</td>
  <td rowspan="2">
   <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
   </tr>
  </td>
 </tr>
 <tr>
  <td>ImgeCar</td>
 </tr>
</table>

最佳答案

这是解决您的问题的快速方法 - 请参阅 here (您缺少一个 table 元素)

<table border="1">
 <tr>
  <td>Clk Map</td>
  <td rowspan="2">
   **<table>**
    <tr>
     <td>a</td>
     <td>b</td>
     <td>c</td>
    </tr>
   **</table>**
  </td>
 </tr>
 <tr>
  <td>ImgeCar</td>
 </tr>
</table>

转念一想,this会更接近您在模型中的要求:

<table border="1">
 <tr>
  <td>Clk Map</td>
  <td rowspan="2">
   **<table>**
    <tr>
     <td>a</td>
    </tr>
    <tr>
     <td>b</td>
    </tr>
    <tr>
     <td>c</td>
    </tr>
   **</table>**
  </td>
 </tr>
 <tr>
  <td>ImgeCar</td>
 </tr>
</table>

但是,请考虑学习 css(尤其是本例中的 float),这是解决问题的正确方法。从长远来看,它将对您有很大帮助。

关于html - 如何格式化 HTML 表格,以便我可以在具有 rowspan=2 属性的单元格中插入额外的单元格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21094913/

相关文章:

css - table 上课?

html - 2 Div 向右浮动 - 顺序不正确

javascript - 用 javascript 调用替换内部 html 时出错

jquery - 在 div 悬停时,div 向上滑动到 div 的底部 3rd

css - IE 7 - 关于 css 类继承的错误

javascript - 如何使用 jquery 删除 HTML TABLE 中的最后一列?

html - 如何在 SVG 中获取滚动条?

html - 图像高度是相对于文件大小而不是父 div(整页水平滚动画廊)

css - 我可以根据字体可用性设置字体大小吗?

javascript - 如何使用 jquery 从动态添加的表中删除没有 id 的特定 <td> 单元格?