html表头纵向,网页表格之---多个表格纵向排列

在制作网页的时候,经常要使用到表格进行排版!

使用网页表格进行排版,一般的方法都是这样来实现排版的:

假设你的网页分为三个区域,即三个栏目,一般都是先插入一个大的表格,然后将大表格分为三个小单元格,然后分别在每个小单元格里面再插入表格,以此方式来实现三个栏目的排版:

首先肯定,你的做法一点都没错,但是,如果再深入探讨,那么,你的做法就显得步履维艰了,为什么这样讲呢,试想想,使用这种排版,因为三个栏目都套在一个大表格里面,假如你的栏目内容相当的多,那么,由于表格对象是这样来显示的,即,表格里面的内容全部显示成功之后,才能显示出来,试问,你的网页内容如果很多,那么,显示的速度是不是很慢呢,毋庸置疑,显示速度实在太慢了,那么,如何改进呢,方法有很多,你可以使用DIV+CSS来进行页面的排版,也可以使用表格来排版,本文主要讨论研究使用表格来排版,如何优化及如何排版,让页面的内容显示更快!

有的同志可能问了,刚才你不是讲了,网页表格只有内容全部显示了,才能看到吗,这不和上面的做法一个样?

非也,道理是这样,但是做法是讲究技巧滴,既然我们都明白了网页表格只有加载了所有内容才能显示出来,那么,我们为何不独立使用表格,独立使用三个栏目表格呢,只要三个栏目不套在一个大表格里面,那么,他们就是独立的,这个时候,不就能独立显示数据了吗?

既然这样,何不试之,欲想试之,问题就随之而来了,因为,在页面中插入多个表格,默认情况下,不是分为左、中、右三种模式纵向排列的,而是插入第一个,再插入第二个,那么第二个必然只能显示在第一个表格下面,这样又达不到预期的效果了…………

对于不懂DIV+CSS(这有点难啊,就本人而已,难,目前还不会呢)技术的同志,非要实现以上的效果,又何去何从呢?

本人带着这个问题,专心研究了三个小时,终于找到了答案,其解决方法实在令人费解,实在简单得让自己发笑!!!

首先,在页面中的BODY区域

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值