Question

我是html / css世界的新手，在我学习的过程中学习，为我的企业设计一个简单的网站（没有Flash，没有电子商务，只有信息 - 简单！）。这可能是一个非常基本的问题 - 我更希望它是 - 但我无法在任何数量的论坛中找到它。事实上，大多数提出要求的人都试图反其道而行之。

我正在为页面指定XHTML，并使用HTML表格（我知道，我知道，但我仍然试图抓住CSS div，我希望问题可能不会消失，无论如何）。我有一排浅灰色背景。在第二行中，第一个单元格具有橙色背景。两者之间是两个像素的白色，所以颜色不要碰。我有边距，边框和填充都设置为0，我没有做什么摆脱这些白色行。除了提到的设置，我还尝试设置一个实心边框，没有任何效果。这在Firefox 3.6和IE 8中都会发生。

总结一下这个问题：

这是使用表的功能吗？
如果是这样（或者即使没有），一旦我弄明白，会使用DIV解决问题吗？
我是否忽略了其他一些解决方案？

我希望用html和css严格执行此操作，没有其他语言。我已经使用计算机超过30年，但我认真做的最后一次编程是在FORTRAN 77中，我没有使用过3GL或4GL语言（PERL的一小部分，测试工具中的一些脚本语言，我对UNIX脚本非常了解，我可以阅读但不能写VB和C系列。）

Answer 1

与cellspacing=0相同，只是css：

table {
    border-collapse: collapse
}

而cellpadding=0是：

table td, table th {
    padding: 0;
}

您也可以看到CSS方法：）

Answer 2

你需要让表格的html看起来像这样：

<table cellspacing="0" cellpadding="0">

但你真的应该做div。它们非常优越，它们将解决您的问题。

Answer 3

听起来可能是细胞填充或细胞间距问题。试试this文档。它还提供了一种检查html的快速方法。

消除元素之间的水平空白区域

3 个答案: