今天心血来潮，想试试用表格来做个网页，看看能不能搞出点不一样的效果。毕竟现在大家都在用 CSS 布局，感觉表格布局都快被遗忘。不过我觉得，有些时候老东西也有它的妙用。
开工前的准备
动手之前，我先去网上搜搜资料，看看有没有啥需要特别注意的地方。不查不知道，一查吓一跳，原来用表格布局有这么多坑！
有人说表格布局不好维护，改起来麻烦；还有人说表格布局会让网页结构变得复杂，嵌套太多，跟俄罗斯套娃似的。更有人提到，为让表格“看起来不像表格”，还需要特意设置一些属性，有点多此一举。
不过我觉得这些问题都还毕竟这回我只是想小范围尝试一下，又不是要做什么大型项目。只要小心一点，应该能避免大部分问题。
开始动手
我得确定一下网页的基本结构。我打算做一个简单的、居中显示的后台管理界面。因为是固定宽度的，所以用表格布局应该比较方便。
我先在纸上画个草图，把页面分成几个主要的区域：头部、导航栏、内容区和底部。然后，我开始用 <table>、<tr> 和 <td> 这些标签把这些区域“框”起来。
- <table>：整个页面的大框架。
- <tr>：每一行。
- <td>：每一行里的单元格。
一开始还挺顺利的，把几个主要区域都划分好。但是，当我开始往里面填充具体内容的时候，问题就来。
遇到的难题
为让内容在单元格里垂直居中，我得给 <td> 标签加上 valign="middle" 属性。然后，为控制各个区域的宽度和高度，我又得给 <td> 或者 <table> 标签加上 width 和 height 属性。
更麻烦的是，为实现一些复杂的效果，我不得不开始嵌套表格。比如，我想在导航栏里放几个按钮，每个按钮之间要有一定的间距。于是我又得在导航栏的 <td> 里再套一个 <table>，用来控制按钮的布局。
就这样，我一层一层地嵌套，越写越觉得头大。感觉自己像是在搭积木，稍不留神就会把整个结构弄乱。
的实现
经过一番折腾，我终于把网页的基本框架搭好。虽然看起来有点丑，但至少功能都实现。我把代码从头到尾检查一遍，确保没有漏掉什么标签，也没有把结构弄乱。
我长舒一口气。这回尝试虽然有点折腾，但也让我对表格布局有更深的解。下次如果遇到一些特殊的场景，说不定还真能用上它。
这回实践让我体会到表格布局的优点和缺点。虽然它在某些方面不如 CSS 布局灵活，但在一些简单的、固定宽度的布局中，它还是有一定用武之地的。如果要做复杂的、响应式的网页，那还是老老实实用 CSS 。
