技术栈

CSS-显示模式

7_35Durant2024-05-08 11:11

显示模式

块级元素

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

行内元素

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

行内块元素

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

切换显示模式

属性名:display

属性值 效果
block 块级
inline-block 行内级
inline 行内
上一篇:敏捷、DevOps、平台工程的混乱阻碍了开发人员
下一篇:css div块标签内的多个英语单词怎样设置换行
相关推荐
kyriewen11
5 小时前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
skywalk8163
7 小时前
Kotti Next的tinyfrontend前端模仿Kotti 首页布局还是不太好看,感觉比Kotti差一点
前端
RopenYuan
8 小时前
FastAPI -API Router的应用
前端·网络·python
走粥
9 小时前
clsx和twMerge解决CSS类名冲突问题
前端·css
Purgatory001
9 小时前
layui select重新渲染
前端·layui
weixin19970108016
10 小时前
《中国供应商商品详情页前端性能优化实战》
前端·性能优化
赵孝正
12 小时前
学习的本质是一个工程闭环:从模仿到内化的四阶段方法论(附风电实战案例)
前端·数据库·学习
Panzer_Jack
13 小时前
easy-live2d v0.4.0 — 全面进化的 Live2D Web 开发体验
前端
热门推荐
01GitHub 镜像站点02Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)03VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)04OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程052026年3月AI领域大事件:DeepSeek引领开源风暴06【技术干货】Gemma 4 上手深度指南:本地多模态大模型的新基线07纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!08AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南09最新更新版本,OpenClaw v2026.4.2 深度解读剖析:Task Flow 重磅回归与安全架构的全面硬化10Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services