• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
兽籽Giselle
博客园    首页    新随笔    联系   管理     
td元素

一、设置td的宽和高,不设置table的宽和高

1. 当td的值为具体数值时

a. td显示的宽按设置的数值变动,但宽度不会大于父元素;若强行将宽设置的大于父元素的宽,会被系统无视,即最大宽度为父元素的宽度

b. td显示的高按设置的数值变动,高度无限制,可以自由伸缩

2.  当td的值为百分比时

a. td显示的宽度会变,百分比越大,宽度越小;百分比越小,宽度越大;<!--不知道百分比是按哪个元素走的-->宽度最小不会小于内容宽度,最大不会大于父元素的宽度

b.高按内容高度显示,不会改变

 

二、设置td的宽和高,同时设置table的宽和高

1. 当table的值为具体数值时

1)td也为数值时

a. 若td的宽和高小于table的值,宽度和高度按table的数值显示

b. 若td的宽大于table的宽,按table的宽度显示

c. 若td的高大于table的高,按td的高度显示

2)td为百分比时

a. 无论td的宽和高多大或者多小,都按table的值显示

2. 当table的值为百分比时,百分比的依据为父元素

1)td为数值时

a. td的宽按table的宽度显示

b. td的高大于table时,按td走;td的高小于table时,按table走

2)td也为百分比时

a. 无论td的宽和高多大或者多小,都按table的值显示

 

PS:内容按td的高度垂直居中

试了半天得出的结论,刚开始学,好晕= =#

有没有规律可循?

 

posted on 2016-08-05 16:20  兽籽Giselle  阅读(589)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3