在使用<table>标签的时候,当我们拿到ui给的设计图后,写代码时的需要时一定要按照表格最多的那一列设计,不要从第一行开始设计代码,不然会出现很多小意外,比如中间某一行凸出来一行。
遇到这种情况我们需要计算行最多的那一列,如下图
如果单看第一行就开始设计表格,我们常以为12个<td>就够了,但是当写到类木行星那一行时,我们会发现 后面的行星会后移一列,从而突出表格,无法达到要求。
解决方法:
在设计表格的时候就给第一行的空白单元格<th>添加一个colspan="2",的属性,使整个表格达到最大的需求的13列,然后给下面的类地行星和矮行星的<th>也赋予colspan="2".来使之完成我们的需求。
前端新人记录每天自己遇到的一些问题,如有错误或者更好的方法,希望大家指正或提出。