当前位置: 首页 > Web前端 > HTML

表格使用colspan实现跨行,表格td实现半行

时间:2023-04-02 18:11:54 HTML

我想只用一个表来实现这样一个表:可以看到第二行和第三行的列数是不一样的。通过定义第二行和前三行的宽度是没有用的,会影响第一行的排版。可以使用colspan来实现跨线。比如我设置第二行第二列对应上一行横跨三行:代码如下:{{_('connect_status')}}{{_('ip_addr')}}Linkocal{{_('address')}}th>IPv6{{_('de??fault_gateway')}}----<头>{{_('prefix_get_type')}}{{_('ip_get_type')}}--但是要实现上面的样式,会出现半行的情况:在查找资料的时候,是发现有一篇博客提到:表格如何跨越半行,其中提供了参考项目代码:github表格跨行项目研究可查到:实现半线跨就是将对应的前面的行拆成两行行:colspan=2;然后在要跨半行的地方写colspan=1代码如下:{{_('connect_status')}}{{_('ip_addr')}}Linkocal{{_('address')}}IPv6{{_('de??fault_gateway')}}----{{_('prefix_get_type')}}{{_('ip_get_type')}}--IPv6{{_('pri_DNS')}}IPv6{{_('sec_DNS')}}{{_('prefix')}}---