HTML/CSS: 用CSS与HTML实现表格的显示

在制作网页页面时,经常需要对页面进行分栏。据我现有的知识,目前有三种方法可以实现:
(1)float大法;
(2)position-absolute大法;
(3)表格大法。

今天重点讲述的是表格大法。对于前面两种,就简单说明一下:
(1)float大法便是将边栏设置为浮动,然后设置主内容的margin-left 或者是 margin-right 等于边栏的总宽度(外边距+内边距+内容宽度)。如果出现浮动元素超出了某个逻辑块的边界,可以使用overflow:hidden解决。如果出现浮动元素覆盖到另外的逻辑块,可以使用clear:left 或者是 clear:right 解决。
(2)position-absolute大法便是将边栏固定在页面的某一个位置(你的目标位置),然后与float大法一样设置外边距即可。

接下来是表格大法。在此之前我们先了解一下怎么用CSS与HTML实现表格的显示。下面是建立一个2*2的表格:

// HTML
<div id="t
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值