CSS-显示模式

显示模式

块级元素

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

行内元素

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

行内块元素

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

切换显示模式

属性名:display

属性值 效果
block 块级
inline-block 行内级
inline 行内
相关推荐
驭风少年君3 小时前
《搭建属于自己的网站之网页前端学习》基础入门
前端·学习
刘一说4 小时前
深入理解 Spring Boot 嵌入式 Web 容器:从原理到性能调优
前端·spring boot·firefox
你的人类朋友4 小时前
设计模式的原则有哪些?
前端·后端·设计模式
!执行5 小时前
Web3 前端与合约交互
前端·web3·1024程序员节
潘小安5 小时前
跟着 AI 学(二)- Quill 接入速通
前端
十里-5 小时前
在 Vue2 中为 Element-UI 的 el-dialog 添加拖拽功能
前端·vue.js·ui
shada5 小时前
从Google Chrome商店下载CRX文件
前端·chrome
左耳咚5 小时前
项目开发中从补码到精度丢失的陷阱
前端·javascript·面试
黑云压城After6 小时前
vue2实现图片自定义裁剪功能(uniapp)
java·前端·javascript
芙蓉王真的好16 小时前
NestJS API 提示信息规范:让日志与前端提示保持一致的方法
前端·状态模式