将表格行换行到下一行

2024-04-27

<table id="table_id">
  <tr>
    <td>testtesttesttest</td>
    <td>testtesttesttest</td>
  </tr>
</table>

我想如果表格不适合屏幕,那么表格的第二个单元格将被转移到另一行?不是单元格中的文本,而是整个单元格。


将单元格更改为内联块:

#table_id {
  display: block;
}

#table_id td {
  display: inline-block;
}

td {
  background: green
}
<table id="table_id">
  <tr>
    <td>testtesttesttest</td>
    <td>testtesttesttest</td>
  </tr>
</table>

jsfiddle http://jsfiddle.net/zjbyE/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将表格行换行到下一行 的相关文章

随机推荐