在一列中将 table 分成两部分

Question

我在网站布局中使用 table，我想将一个 table 一分为二，但两个 table 在同一列中。（具体来说，一个是 300px，另一个是 200）。我不知道该怎么做。这是我目前使用的代码：

    <style>
.menuleft {
background:white;
width:17%;
height:500px;
padding: 10px;
border-radius:12px 0px 0px 12px;
border:1px dashed pink;
}

.menuright {
background:white;
width:17%;
height:500px;
padding: 10px;
border-radius:0px 12px 12px 0px;
border:1px dashed pink;
}

.maintable {
background:white;
border: 1px dashed pink;
padding: 10px;
height:500px;
width:60%;
}
</style>

    <tr>
               <td colspan = "2" height="100px">
                 title
                </td>
             </tr>
        <tr valign="top" class="main">
                <td class="menuleft">
                  
                </td>
                    
                <td class="maintable">
                   
                </td>
                    
                <td class="menuright">
                   
                </td>
             </tr>

Answer 1

你的描述不是很清楚，但据我了解，如果你想划分行或列，你只需使用 colspan 和 rowspan。 check this link for more infos

在一列中将 table 分成两部分

Divide a table into two parts in one column

html

datatables