HTML中表格width和height具体用法

   在对一整个网页进行框架设计时可能会用到表格的嵌套用法,其中要求对width和height属性值个人觉得比较重要.

<table>标签

width:在table中用来设置宽度的最大值,不能改变即使字数超过也不能改变但如果插入图片则会根据图片大小改变宽度
height:与width相反,设置高度最小值,而且会根据字数多少而自动延伸,当内容没有达到此高度值会自动扩充。

<tr>标签

width:因为<table>中的width不能改变,所以在tr标签中width设置不起作用。
height:在<tr>中的height的设置和其他几个设置也有关,当几个<tr>都设置了height的具体数值时,各个<tr>的height按照设置的值的比例来分配总的height值,当几个<tr>都没有设置height具体值时,平均分配总的height值。遵循:先保证各个<tr>的基本需要,剩下的再满足设置了具体值的<tr>,之后再全部给没有设置具体值的<tr>还要考虑总的宽度不够tr总的设置值的情况,不够的话要满足tr的基本需要,这里会自动延长表格的height的。然后再考虑设置了heightr的tr,最后考虑没有设置height的tr。

<td>标签:

width:和它所处的一整列的width都有关,取最大的width作为标准。全部是默认的情况下,各<td>的width不是平均分配,而是根据各自的实际内容按比例分配。
height:和它所处的一整列的height都有关,取最大的height作为标准。<td>的height和<tr>的height之间的关系:根据内容的需要,再根据设置的值来确定,哪个设置的值大就按照哪个,如果一个设置了值一个没有设置值,那么按照设置值的算。

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值