原先学习网站制作的时候,整体的布局都是用<table>嵌套,通过修改width和height的值来一点一点调解出自己想要得样子,

现在用asp做网站的过程中,HTML的height属性是无效属性,在VS中,表格高度是自动调整的,而且若是开始没有计算好单元格的宽度,

后期用鼠标拖动修改就会出现很奇怪的现象,如:想调小某个单元格,结果同表能的其他单元格全变了,

而且从源里面看几乎所有的<td>都加上了width属性,要是刚开始用脑袋都大了,估计你的时间都用在调整布局和控制表格嵌套上面了,

说了这么多都看不耐烦了吧,那么现在就介绍下怎么避免和快速的布局,

现在用的就是div+css进行布局的,表格的唯一用途就是最外围的框架,


 <div style="text-align: center">
            <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
            </table>
     <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
            </table>
     <table border="0" cellpadding="0" cellspacing="0" style="width: 800pt">
            </table>
 </div>

然后<table></table>标签里面再用<div></div>,而且最好不要用一张表(一张表有时候需要上下两列的单元格不一宽度效果做不出来),

这样用table确定了大体的框架,然后就在其内部用div摆放各种控件了,要是出现了单元格宽度不够了千万不要用鼠标拖动,

要一动前面条好的都乱了,这里要去源里面找到对应单元格位置调整其width的值,要是需求更多的样式,就加入CSS,在这里就不详细介绍CSS了,

这样使用DIV+CSS进行布局操作,既迅速又方便,就不用费那么多宝贵的时间来调整布局了!

看完文章明白了吧,其实现在主流就是div,不信你去门户网站上看看,我曾经看过淘宝的打开首页看原文件结果满屏幕div没有发现table的踪迹

后来又看过其他门户网站的结果几乎找不到table,所以大家多练练,改朝换代了若是你多用用会发现div其实很强大的~嘿嘿


夏花小组_白岳

posted on 2008-04-03 23:31  夏花小组  阅读(1721)  评论(0编辑  收藏  举报