对于 colspan="1.5" 不起作用的问题有其他解决方案吗?
P粉368878176
P粉368878176 2024-03-30 09:12:41
0
1
574

这就是我需要的表 我可以轻松地获得第一行和第二行,但是当我尝试使第三行变得良好时,我正在破坏第二行。

我尝试使用 width 属性和 colspan 但没有任何效果。

<table border="1px" width="100%">
        <tr>
            <td colspan="6">Cell 1</td>
        </tr>
        <tr >
            <td colspan="3">Cell 2</td> 
            <td colspan="3" >Cell 3</td>
        </tr>
        <tr>
            <td colspan="2">Cell 4</td> 
            <td colspan="2">Cell 5</td>            
            <td colspan="2">Cell 6</td> 
        </tr>
    </table>

P粉368878176
P粉368878176

全部回复(1)
P粉262073176

<table> 默认情况下会符合其内容,因此不需要每列的宽度相等。因此,通过将 table-layout:fixed 分配给 <table> 来手动分配相等的列宽度,然后通过将每个宽度分配给第一个 < 的 <thead> 中的 <th> 来为每列分配相等的宽度。 tr> 或缺少为第一个 <tr><td> 分配宽度(当然 tdth 作为选择器也可以),请参见下面的示例。

table {
  table-layout: fixed;
}

td {
  width: 16.5%;
  text-align: center;
}

I
II III
IV V VI
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板