§ ITPOW >> 文档 >> XHTML

常见空行问题

作者:vkvi 来源:ITPOW(原创) 日期:2006-12-29

在网页中,尤其是以 table 作为布局的网页,如果我们习惯于在设计界面拖拉,而不是在代码界面写代码,容易造成空行,也就是说,在某一个地方,总是有一行空白。有些空行可以在设计界面删除,而有些空行就只能在代码中消除。

原因分析

一、中文空格或 Tab 键。
<table>
  <tr>
    <td>1</td>
  </tr> 
</table>
上述代码中:</tr>后面有个中文空格,造成整个表格前面有一个空行。

这种错误看似不常见,实际上很常见,可以通过搜索来发现。

二、高度

我是不主张使用高度属性的,但是在设计界面画表格时一般会自动为我们指定高度,再加上一些网页制作人员有不好的习惯,总习惯用拖动去改变表格的大小。

假如一个表格高度为 100 像素,而其内容只有 80 像素高,那么势必有 20 像素的空行。

三、边距

像 form、ul 这些标签,默认情况下是有边距的(至少 IE 中是这样),我们可以利用样式表 margin:0px; 来消除。

相关文章