HTML(13)——显示模式

目录

显示模式

块级元素

行内元素

行内块元素

转换显示模式


显示模式:标签的显示方式

作用:布局网页时,根据标签的显示模式选择合适的标签摆放内容

显示模式

块级元素

  • 独占一行
  • 宽度默认为父级的100%
  • 添加宽高属性生效

行内元素

  • 一行可以显示多个
  • 设置宽高属性不生效
  • 宽高尺寸由内容撑开

行内块元素

  • 一行可以显示多个
  • 设置宽高属性生效
  • 宽高尺寸可以由内容撑开

转换显示模式

属性名:display

属性值 效果
block 块级
inline-block 行内块
inline 行内
相关推荐
突然暴富的我3 分钟前
html三级菜单
前端·html
性野喜悲34 分钟前
vue通过后台返回的数字显示不同的文字内容,多个内容用、隔开
前端·javascript·vue.js
武汉前端开发蓝风1 小时前
前端Debugger时复制的JS对象字符转JSON对象
前端·javascript·json·debugger
爱编程的鱼1 小时前
HTML如何在图片上添加文字
前端·javascript·html
顶顶年华正版软件官方1 小时前
关键帧功能怎么使用 关键帧控制视频特效怎么用 会声会影视频剪辑软件教程
前端·javascript·音视频·学习方法·关键帧·会声会影教程·视频剪辑软件
来之梦2 小时前
uniapp自定义富文本现实组件(支持查看和收起)
前端·javascript·uni-app
森叶2 小时前
Electron开发 - 如何在主进程Main中让node-fetch使用系统代理
前端·javascript·electron
睿麒2 小时前
前端八股文 说一说样式优先级的规则是什么?
前端
小妖怪的夏天2 小时前
Electron Forge 打包更改打包后图片
前端·javascript·electron
吕彬-前端2 小时前
es6之Proxy实现观察者模式
前端·观察者模式·es6