技术栈

CSS-显示模式

7_35Durant2024-05-08 11:11

显示模式

块级元素

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

行内元素

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

行内块元素

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

切换显示模式

属性名:display

属性值 效果
block 块级
inline-block 行内级
inline 行内
上一篇:敏捷、DevOps、平台工程的混乱阻碍了开发人员
下一篇:css div块标签内的多个英语单词怎样设置换行
相关推荐
风中的小甜瓜
21 分钟前
ASP.NET Page 那点事
java·前端·asp.net
木西
23 分钟前
告别机械重复:使用 Node.js + Playwright 构建 24 小时全自动测试网领水脚本
前端·javascript·node.js
西柚小萌新
34 分钟前
【论文写作】--LaTeX详细入门教程2
前端·html
qdkfz
34 分钟前
JavaScript 如何解析 Outlook .msg 文件 —— @kenjiuno/msgreader
前端·javascript
LuckyDog阿祥
1 小时前
卸载Microsoft Edge:EdgeRemover完整操作指南
前端·edge
zhangxingchao
1 小时前
AI应用开发九:从 Hermes Agent 学长期记忆
前端·人工智能·后端
xiaofeichaichai
1 小时前
Vite原理与Webpack对比
前端·webpack·node.js
_杨瀚博
1 小时前
小程序拍证件并局部裁剪
前端
William_Xu
3 小时前
React 新旧生命周期对比
前端
热门推荐
012026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?03AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路04GitHub 镜像站点05AI科技热点日报 | 2026年07月01日062026 年 AI 大模型 & AI 编程工具实战全总结072026 AI 编程工具选型横评:Cursor / Claude Code / Trae / Copilot 到底选谁(建议收藏·避坑版)08【AI】2026 年具身智能模型和世界模型总结092026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片102026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?