table转div工具：Table2CSS Converter汉化版下载
现在建立网站普遍采用 div+css 布局，如果你还在用传统的 table 布局，也就是表格，那么今天园子推荐的 table 转 div 工具可以帮助到你，通过这个工具可以轻松的把 table 布局的网页转换成 div 模式。
当然，这个工具园子仅建议那些不想学习 div 的同学们使用，因为转换的肯定有不少冗余代码，这也是临时抱佛脚的一个折衷办法。div 布局网站的好处也不多讲了，大致就是易于搜索引擎收录，在以后改版的时候更加灵活高效，我的博客文章里面也分享有不少的 css 方面的知识，感兴趣的话可以翻阅看看。
来看看 Table2CSS Converter 界面吧:
Table2CSS Converter 界面
界面很简单，也很粗糙，不过不影响使用。所有功能也一目了然。
Table2CSS Converter 使用方法
1.在本文下方提供的下载链接下载软件，安装后打开会看到如上图界面。
2.点击“添加文件/URL”按钮，你可以找到一个文件，或是直接输入一个在线网址。
3.点击“转换”按钮，接着会出现若干个弹出要求确认之类的窗口，一直点确认就行了，最后就提示转换成功了。
园子测试 table 转 div 的代码展示
先看看转换前的 table 布局代码：
1 2 3 4 5 6 7 8 9 10 11 12 | <body>
<table width="500" border="0" cellspacing="0" cellpadding="5">
<tr>
<td bgcolor="#CCCCCC">园子博客</td>
<td bgcolor="#CCCCCC">http://www.yzznl.cn/</td>
</tr>
<tr>
<td>361酷</td>
<td>http://361ku.com/</td>
</tr>
</table>
</body> |
再对比下转换后的：
1 2 3 4 5 6 7 8 | <body class="gen-1"> <div class="ts-1"> <div class="ts-1-1">园子博客 </div> <div class="ts-1-2">http://www.yzznl.cn/ </div> <div class="ts-1-3">361酷 </div> <div class="ts-1-4">http://361ku.com/ </div> </div> </body> |
经过转换后会自动生成一个CSS文件，里面包含了这个文档所对应的样式表。具体CSS代码我就不贴出来了。我们可以看出文档被转换后都变成了 div+css 的模式，另外这个软件已经支持外部的CSS文件，并且支持网页及目录批量转换操作。可以说是新手必备的一个好工具。
