将表标签转换为标准css的最简单方法是什么?

时间:2009-10-29 20:24:45

标签: css html-table css-tables

我试图手动执行此操作,但它很容易出错。有没有更简单的方法来自动转换它?

4 个答案:

答案 0 :(得分:2)

也许问题在于将表“转换”为CSS的想法。从下到上重新思考您的HTML布局,并从头开始编码。

答案 1 :(得分:0)

写得好(X)HTML应该在语义上合理。这意味着您使用的标签应该与它们包含的内容相匹配。

例如,有序的元素列表应包含在<ol>标记中,<p>标记中的文本段落以及<h#>标记内的标题。

用于语义(X)HTML分组和布局的标签是<span><div>标签。

由于区分哪些标签使用的地方是语义上的区别,因此没有一种简单的方法可以“自动化”这一点。我的建议是拿一本关于语义(X)HTML的书(我强烈推荐Dan Cederholm的Bulletproof Web Design - 这是该领域的规范)并从头开始重写你的代码。

这应该不难。

答案 2 :(得分:0)

我认为确实很难将其自动化。我可以想象某个地方的某个工具会尝试为你做这个,并且可能会做的是将每个内容块包装在div标签中,然后绝对定位每个内容以使其匹配内容位于原始页面。不要这样做。

重新开始。将您的内容分成语义上有意义的容器。然后尽可能简单地定位它们。简单的基于网格的布局通常可以简单地通过使用“float:left”将div放在彼此旁边并在适当时使用“clear”来实现。

答案 3 :(得分:0)

步骤1.仔细思考为什么(以及是否)想要这样做。

步骤2.从头开始重建你拥有的东西,或者选择一个真正适合css造型的设计。

步骤3.当不同的浏览器定义出现不可避免的流量和布局问题时,请参阅步骤1。