前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >显示方式

显示方式

作者头像
小小咸鱼YwY
发布2019-09-11 10:19:09
6390
发布2019-09-11 10:19:09
举报
文章被收录于专栏:python-爬虫

08.05自我总结

一.显示方式

1.display

常用的三种方式

代码语言:javascript
复制
#第一种block
1.支持设置宽高
2.自带换行
一般情况所有有宽高、参与位置布局的都是block

#第二种inline
1.不支持设置宽高,宽高只能有文本撑开
2.不带换行,一行显示不下会自动换行(保留数据的整体性)
一般情况存放文本的

#第三种inline-block
1.支持设置宽高
2.不带换行,一行显示不下会自动换行(以标签整体换行,标签左右有间距)
一般情况不去主动设置该显示方式,系统的两个img、input都设置为了单标签(不会嵌套任何东西)
注:如果要用inline-block参与布局,为了标签布局不受内容影响,设置vertical-align: top,上对齐

2.vertical-align

文本垂直对齐方式:baseline|top|bottom

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-08-05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 08.05自我总结
    • 一.显示方式
      • 1.display
      • 2.vertical-align
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档