CSS-显示模式

显示模式

块级元素

  • 独占一行
  • 宽度默认是父级元素的100%
  • 设置宽高属性生效

行内元素

  • 一行可以显示多个,每个元素之间空格
  • 设置宽高属性不生效
  • 宽高由内容决定

行内块元素

  • 一行可以设置多个
  • 设置宽高属性生效
  • 宽高也可以由内容决定

切换显示模式

属性名:display

属性值 效果
block 块级
inline-block 行内级
inline 行内
相关推荐
喵叔哟3 分钟前
重构代码之取消临时字段
java·前端·重构
还是大剑师兰特44 分钟前
D3的竞品有哪些,D3的优势,D3和echarts的对比
前端·javascript·echarts
王解1 小时前
【深度解析】CSS工程化全攻略(1)
前端·css
一只小白菜~1 小时前
web浏览器环境下使用window.open()打开PDF文件不是预览,而是下载文件?
前端·javascript·pdf·windowopen预览pdf
方才coding1 小时前
1小时构建Vue3知识体系之vue的生命周期函数
前端·javascript·vue.js
阿征学IT1 小时前
vue过滤器初步使用
前端·javascript·vue.js
王哲晓1 小时前
第四十五章 Vue之Vuex模块化创建(module)
前端·javascript·vue.js
丶21361 小时前
【WEB】深入理解 CORS(跨域资源共享):原理、配置与常见问题
前端·架构·web
发现你走远了1 小时前
『VUE』25. 组件事件与v-model(详细图文注释)
前端·javascript·vue.js
Mr.咕咕1 小时前
Django 搭建数据管理web——商品管理
前端·python·django