技术栈

CSS-显示模式

7_35Durant2024-05-08 11:11

显示模式

块级元素

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

行内元素

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

行内块元素

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

切换显示模式

属性名:display

属性值 效果
block 块级
inline-block 行内级
inline 行内
上一篇:敏捷、DevOps、平台工程的混乱阻碍了开发人员
下一篇:css div块标签内的多个英语单词怎样设置换行
相关推荐
咖啡の猫
32 分钟前
Shell脚本-for循环应用案例
前端·chrome
百万蹄蹄向前冲
3 小时前
Trae分析Phaser.js游戏《洋葱头捡星星》
前端·游戏开发·trae
朝阳581
3 小时前
在浏览器端使用 xml2js 遇到的报错及解决方法
前端
GIS之路
4 小时前
GeoTools 读取影像元数据
前端
ssshooter
4 小时前
VSCode 自带的 TS 版本可能跟项目TS 版本不一样
前端·面试·typescript
Jerry
5 小时前
Jetpack Compose 中的状态
前端
dae bal
6 小时前
关于RSA和AES加密
前端·vue.js
柳杉
6 小时前
使用three.js搭建3d隧道监测-2
前端·javascript·数据可视化
lynn8570_blog
6 小时前
低端设备加载webp ANR
前端·算法
LKAI.
6 小时前
传统方式部署(RuoYi-Cloud)微服务
java·linux·前端·后端·微服务·node.js·ruoyi
热门推荐
01UV安装并设置国内源02蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接03Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code04KGG转MP3工具|非KGM文件|解密音频05【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)062025最新国内服务器可用docker源仓库地址大全(2025年8月更新)07TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践08NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南09阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!10TRAE Rules 实践:为项目配置 6A 工作流