html - 使用表格进行布局是不是坏业力?

标签 html css layout

<分区>

Possible Duplicate:
Why not use tables for layout in HTML?

我一直听说使用表格进行布局是大不可以。据我了解,您应该使用 div'sspan's 进行布局。

我最近在一个网站上工作,该网站有很多直接并排的信息。 Div 的 占了一整行。在 CSS 中将它们设置为其他方式很烦人。如果这么难支持,div's 真的是为此而设计的吗?

表格似乎就是这一切的整体解决方案。使用 Tables 与 div'sspan's 相比有什么缺点?

例如,我在这里使用表格进行布局:

enter image description here

最佳答案

应该使用表格来显示表格数据。对于其他情况,请使用 div的和span的。

“有很多直接并排的信息。” 听起来像表格数据。在这种情况下,我不会因为使用表格而惩罚你。 编辑
您刚刚编辑了您的答案,并包含了您的布局。不要使用表格!

为了便于阅读,您的代码应如下所示:

<div class="cart">
    <div class="price"></div>
    <div class="quantity"></div>
    <div class="pay"></div>
</div>

将该布局与:
<table>...<tr><td></td>....</table>

当一个人查看第一个布局的来源时,他可以从中获得有意义的信息。另一方面,当查看第二个选项的来源时......

EDIT2 - 布局示例

在创建动态网上商店时,您还应该考虑到禁用了 JavaScript 的用户。 参见 fiddle :http://jsfiddle.net/GRgkz/1/

我创建了一个 <form>容器元素,以防用户禁用 JavaScript。在表格内,我添加了布局。请参阅应用程序逻辑的 fiddle 。

关于html - 使用表格进行布局是不是坏业力?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7646292/

相关文章:

html - 如果我有一个带有类列表的元素,我如何管理哪个类的背景颜色来采取行动?

javascript - 无法使用 HTML5 File API 和 ASP.NET MVC4 在服务器端捕获文件上传

html - 意外的 CSS 行为?

android - 说明符 layout-v14 或 layout-en 的优先级?

html - 未最大化屏幕时布局损坏

html - Bootstrap 4 六个盒子在同一行(响应式)?

jquery - 在jquery中获取父div的最佳方法是什么?

css - 当窗口以 window.open 打开时,DIV 中的内容被重叠

html - 在此全屏视频下制作文字

css - 填充居中流体最大宽度 div 左侧的空间