css 如何在多个th表中只填充一个tr？

t3psigkw 于 2022-12-30 发布在其他

关注(0)|答案(1)|浏览(115)

我想办法在tbody中用一个td填充所有的空间

<table>
 <thead>
  <tr>
     <th>1</th>
     <th>2</th>
     <th>3</th>
  <tr>
 </thead>
 
 <tbody>
   <tr>
    <td>hi</td>
   </tr>
 </tbody>
</table>

上面的示例显示一个图像占用了tbody的所有空间
有办法用css解决这个问题吗？

css

来源：https://stackoverflow.com/questions/74938473/how-do-i-fill-with-only-one-tr-in-multiple-th-table

1条答案

按热度按时间

goqiplq21#

只需要在那个td中使用属性colspan：

th, td {
  border: 1px solid;
}

<table>
 <thead>
  <tr>
     <th>1</th>
     <th>2</th>
     <th>3</th>
  <tr>
 </thead>
 
 <tbody>
   <tr>
    <td colspan="3">hi</td>
   </tr>
 </tbody>
</table>

赞(0）回复(0）举报 2022-12-30

我来回答

css 如何在多个th表中只填充一个tr？

1条答案

相关问题

热门标签

最新问答