HTML(13)——显示模式

A阳俊yi2024-06-23 18:29

目录

显示模式

块级元素

行内元素

行内块元素

转换显示模式

显示模式：标签的显示方式

作用：布局网页时，根据标签的显示模式选择合适的标签摆放内容

显示模式

块级元素

  • 独占一行
  • 宽度默认为父级的100%
  • 添加宽高属性生效

行内元素

  • 一行可以显示多个
  • 设置宽高属性不生效
  • 宽高尺寸由内容撑开

行内块元素

  • 一行可以显示多个
  • 设置宽高属性生效
  • 宽高尺寸可以由内容撑开

转换显示模式

属性名：display

属性值 效果
block 块级
inline-block 行内块
inline 行内
相关推荐
一 乐8 小时前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕8 小时前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫8 小时前
Claude Skills：Agent 能力扩展的新范式
前端·ai编程
yinuo9 小时前
前端跨页面通信终极指南：方案拆解、对比分析
前端
yinuo9 小时前
前端跨页面通讯终极指南⑨：IndexedDB 用法全解析
前端
xkxnq10 小时前
第二阶段：Vue 组件化开发（第 16天）
前端·javascript·vue.js
烛阴10 小时前
拒绝配置地狱！5 分钟搭建 Three.js + Parcel 完美开发环境
前端·webgl·three.js
xkxnq10 小时前
第一阶段：Vue 基础入门（第 15天）
前端·javascript·vue.js
anyup12 小时前
2026第一站：分享我在高德大赛现场学到的技术、产品与心得
前端·架构·harmonyos
BBBBBAAAAAi12 小时前
Claude Code安装记录
开发语言·前端·javascript
热门推荐
01GitHub 镜像站点02Labelme从安装到标注：零基础完整指南03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口（持续更新）04Linux下V2Ray安装配置指南05jdk21下载、安装（Windows、Linux、macOS）06KGG转MP3工具|非KGM文件|解密音频07Claude Code 2.1.2 升级报错？别折腾了，一行命令搞定08【踩坑笔记】50系显卡适配的 PyTorch 安装092025-04-03 Latex学习1——本地配置Latex + VScode环境10UV安装并设置国内源