如何使一个< td>跨两列表中的两列？ [英] How to make one <td> span both columns in a two column table?

问题描述

如何我可以在HTML和CSS中创建一个类似上面例子的表。
我尝试了以下操作：

How can I create a table like the above example in HTML and CSS. I've tried the following:

<table> 
  <tr> 
    <td style="width:50%">TEXT</td>
    <td style="width:50%">TEXT</td> 
  </tr>
  <tr> 
    <td style="width:100%">TEXT</td> 
  </tr>

但不会工作。

推荐答案

您应该使用 colspan 。像这样：

You should use colspan for your second row. Like this :

<table>
    <tr>
        <td style="width:50%">TEXT</td>
        <td style="width:50%">TEXT</td>
    </tr>
    <tr>
        <td colspan="2" style="width:100%">TEXT</td>
    </tr>
    ...
</table>

学习 - > HTML Colspan

这篇关于如何使一个< td>跨两列表中的两列？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！