Asp.net 使用表格作为布局

可能重复：

我知道使用表格作为布局是一个大问题。为什么专业的网页设计师不再使用表格作为布局呢？在CSS中，我可以使用哪些替代方案，哪些替代方案将是表的最佳替代方案

在此讨论-

CSS不提供表的“替代品”。它用于设置HTML元素（包括表）的样式

在此讨论-

CSS不提供表的“替代品”。它用于设置HTML元素（包括表）的样式

1） 浏览器一看到开始的表标记，就会停止渲染，直到看到结束标记，因为它甚至无法猜测表结构的外观。正因为如此，表将大大增加从用户启动请求到用户可以实际使用您的页面之间的等待时间

2） 表需要3个嵌套的标记来定义一个单元格，这在一种已经非常冗长的语言（xml）中是一个非常麻烦的问题

3） 从语义上讲，表是用于表格数据的。在布局中使用它意味着您的html在阅读时没有意义。

1）一旦浏览器看到开始的表标记，它将停止渲染，直到看到结束标记，因为它甚至无法猜测表结构的外观。正因为如此，表将大大增加从用户启动请求到用户可以实际使用您的页面之间的等待时间

2） 表需要3个嵌套的标记来定义一个单元格，这在一种已经非常冗长的语言（xml）中是一个非常麻烦的问题

---

3） 从语义上讲，表是用于表格数据的。在布局中使用它意味着你的html在阅读时没有意义。

尝试学习使用div标记并使用css为其提供样式。

它在外观中更有效。

尝试学习使用div标记并使用css为其提供样式。

我绝对建议使用css和XHTML来布局页面

我认为这里有太多的好处。从可访问性、搜索引擎优化、易于编码到未来验证。我认为关于这个主题的博客帖子和文章将能够提供更多关于为什么以及如何使用CSS而不是表格来布局页面的信息

我推荐的一本书是Web标准解决方案：Dan Cederholm的《标记和样式手册》。这本书将告诉您有关以符合Web标准的方式使用CSS和HTML的所有知识

---

需要记住的一点是，HTML5正开始得到广泛的使用。HTML5与XHTML有一些不同之处，并添加了一些不同于XHTML的功能。我绝对建议使用CSS和XHTML来布局页面

我认为这里有太多的好处。从可访问性、搜索引擎优化、易于编码到未来验证。我认为关于这个主题的博客帖子和文章将能够提供更多关于为什么以及如何使用CSS而不是表格来布局页面的信息

我推荐的一本书是Web标准解决方案：Dan Cederholm的《标记和样式手册》。这本书将告诉您有关以符合Web标准的方式使用CSS和HTML的所有知识

---

需要记住的一件事是，HTML5开始得到广泛使用。它与XHTML有一些不同之处，并添加了一些不同于XHTML的功能

尝试使用搜索功能……尝试使用搜索功能……我只想补充一点，表是用于数据的，因此它们完全可以用于显示数据。这是（好的）开发人员反对使用它们的唯一布局。另一种方法是在布局中使用div——我个人觉得很难掌握div布局的诀窍，但是一旦掌握了float的诀窍并清除了它们，就很容易让它们做你想做的事情。在我看来，学习这项技术是值得的。基本上，我所做的是使用一个相对div和2-3个嵌套div，这些div设置为

float:left

，并设置了一个宽度。宽度总和必须小于100%。确保设置宽度，否则默认情况下宽度为100%。然后将另一个嵌套div设置为

clear:both

。这使父div环绕浮动div。如果希望div在右侧对齐，请使用

float:right

。如果要对这些嵌套div中的任何一个应用填充或边距，请在应用了填充/边距的div中插入另一个div。继续…这是因为填充/边距/边框被添加到div的宽度中。例如，如果您有两个div加起来为100%，并且您给它们两个填充，那么它们的实际宽度将是您给它们加上填充的宽度。取而代之的是，只对其中的一个div应用填充，它不会被添加到浮动div的宽度中。@user418343：不幸的是，我在过去8年左右的时间里逐渐学习了css，所以我没有一本书给你。不过，这看起来像是一本初学者的书，我在亚马逊上快速搜索了一下后，得到了高度评价：。不确定它们是否有什么好处——只是从谷歌搜索“浮动和清除”和“浮动和清除教程”中获得了一些结果。希望这有帮助。我只想补充一点，表是用来显示数据的，所以它们完全可以用于显示数据。这是（好的）开发人员反对使用它们的唯一布局。另一种方法是在布局中使用div——我个人觉得很难掌握div布局的诀窍，但是一旦掌握了float的诀窍并清除了它们，就很容易让它们做你想做的事情。在我看来，学习这项技术是值得的。基本上，我所做的是使用一个相对div和2-3个嵌套div，这些div设置为

float:left

，并设置了一个宽度。宽度的总和必须为les