表格自动适应浏览器大小及DIV浮动设计(页面自适应浏览器大小)

本文介绍了如何让表格自动适应浏览器大小,通过设置table-layout:fixed和百分比宽度实现。同时讲解了DIV浮动设计,包括float属性的使用以及在IE和Firefox中的兼容性处理,提供了一个DIV浮动案例,展示如何让两个DIV在一行中靠左和靠右显示。还提到了span元素的Display:Block属性来实现内容居中。
摘要由CSDN通过智能技术生成

        一、表格自适应浏览器大小

      之前写了个页面,将width和height值给定死了,这样导致浏览器缩小时,表格不会跟着自动适应浏览器大小。


      解决方法:

      1.一般是给表格整体使用样式:table-layout:fixed

      2.将表格中的各个单元格的width和height属性值设为比例,而不是给定值。

  

    <table style="width:100%">

     <tr>

         <td style="width:20%">skinny cell</td>

         <td style="width:80%">fat cell</td>

      </tr>

  </table>

  注意,表格的大小指定为100%,这将使表格与浏览器窗口等宽。使用百分比而不是像素时

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值