html表格<table>的使用要点

在使用<table>标签的时候,当我们拿到ui给的设计图后,写代码时的需要时一定要按照表格最多的那一列设计,不要从第一行开始设计代码,不然会出现很多小意外,比如中间某一行凸出来一行。

遇到这种情况我们需要计算行最多的那一列,如下图

如果单看第一行就开始设计表格,我们常以为12个<td>就够了,但是当写到类木行星那一行时,我们会发现 后面的行星会后移一列,从而突出表格,无法达到要求。

解决方法:

在设计表格的时候就给第一行的空白单元格<th>添加一个colspan="2",的属性,使整个表格达到最大的需求的13列,然后给下面的类地行星和矮行星的<th>也赋予colspan="2".来使之完成我们的需求。

前端新人记录每天自己遇到的一些问题,如有错误或者更好的方法,希望大家指正或提出。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值