html - 将表格布局转换为 CSS 布局的最佳方式是什么?

标签 html css

我即将开始使用复杂的基于表格的布局(多年前编码)的网页。

我想做的一件事是将布局转换为具有 div 和 span 的适当 CSS 布局。

您能提出解决此类问题的好方法吗?我应该使用像 Blueprint 这样的 CSS 框架吗?只是进入那里并破解它直到它看起来正确吗?我已经大量使用 Firebug 和 IE 开发人员工具栏。

最佳答案

在表格和 CSS 之间进行转换通常没有 Elixir 。每个站点都不同,并且有不同的要求。唯一真正的答案是:只需从头开始标记。

最好的建议是先完整地编写标记。确保标记准确、符合语义并且完全代表您的数据。 先不要编写样式表... 标记完成后,创建 CSS。这样您就拥有了语义标记,而 CSS 完全控制了呈现。

CSS 框架通常不提倡这种语义标记方法,因为它们会强制您添加额外的标签以符合它们的方法。因此,CSS 框架有时比它的值(value)更麻烦。

做标记,然后是 CSS。

关于html - 将表格布局转换为 CSS 布局的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/696116/

相关文章:

ruby-on-rails - 当 appcache 存在时使用 AJAX 和 Rails 设置 session 变量

css - 当浏览器窗口小于 900 像素宽时,mediaquery 不工作

html - IE7 和 IE8 不加载条件 CSS

css - 第 n 个 :child selector in css 中的 n 是什么

javascript - 将 HTML5 应用程序转换为独立的 Android 应用程序

javascript - 无论我如何尝试,我的幻灯片都不居中

jquery - 将 div scroll 从滚动区域的右侧移动到左侧

javascript - 通过简单的 HTML 表单将基本数据添加到 Google 电子表格

javascript - nextAll().remove() 不适用于 jquery 中的动态添加元素

html - 如何让<div>填充<td>高度