在网页中,尤其是以 table 作为布局的网页,如果我们习惯于在设计界面拖拉,而不是在代码界面写代码,容易造成空行,也就是说,在某一个地方,总是有一行空白。有些空行可以在设计界面删除,而有些空行就只能在代码中消除。
原因分析
一、中文空格或 Tab 键。
<table>
<tr>
<td>1</td>
</tr>
</table>
上述代码中:</tr>后面有个中文空格,造成整个表格前面有一个空行。
这种错误看似不常见,实际上很常见,可以通过搜索来发现。
二、高度
我是不主张使用高度属性的,但是在设计界面画表格时一般会自动为我们指定高度,再加上一些网页制作人员有不好的习惯,总习惯用拖动去改变表格的大小。
假如一个表格高度为 100 像素,而其内容只有 80 像素高,那么势必有 20 像素的空行。
三、边距
像 form、ul 这些标签,默认情况下是有边距的(至少 IE 中是这样),我们可以利用样式表 margin:0px; 来消除。