🌻CSS 布局-显示模式

type
status
date
slug
summary
tags
category
icon
password
☀️
点击带三角形的标题可以展开收缩内容。

显示模式

  • 显示模式:标签(元素)的显示方式。
  • 作用:布局网页的时候,根据标签的显示模式选择合适的标签摆放内容。
  • 块元素
    • 独占一行
    • 宽度默认是父级的100%
    • 添加宽高属性生效
  • 行内元素
    • 一行可以显示多个
    • 设置宽高属性不生效
    • 宽高尺寸由内容撑开
  • 行内块元素
    • 一行可以显示多个
    • 设置宽高属性生效
    • 宽高尺寸也可以由内容撑开
  • display:转换显示模式
    • block:块
    • inline-block:行内块
    • inline:行内
🌻
欢迎在下方留言讨论~
CSS 基本样式CSS 布局-盒子模型
Loading...
目录