hgq's docs
主页
ES6-阮一峰 (opens new window)
Vue文档 (opens new window)
Axios文档 (opens new window)
Vue Router (opens new window)
Vuex文档 (opens new window)
面试题-Vue (opens new window)
面试题-JS (opens new window)

guoguoqiqi

漫不经心的向往
主页
ES6-阮一峰 (opens new window)
Vue文档 (opens new window)
Axios文档 (opens new window)
Vue Router (opens new window)
Vuex文档 (opens new window)
面试题-Vue (opens new window)
面试题-JS (opens new window)
  • 怎么解决移动端1px问题
  • 说一说对BFC的理解
  • CSS的盒子模型
  • 说一说对flex布局的认识
  • 网格布局
  • 伪类选择器和伪元素
  • 怎么实现响应式布局
  • css中的选择器有哪些、哪些可以继承
  • 如何做移动端适配
  • 如何清除浮动
  • em、rem区别
  • display none与visibility hidden的区别
  • z-index失效的场景
  • 在页面上隐藏元素的方法有哪些
  • css选择器中first-child与first-of-type的区别
  • 用css绘制三角形及其原理
  • 说一说box-sizing属性
  • 说一说水平垂直居中的布局方法
  • CSS 常见布局方式
  • CSS3的新特性有哪些
  • 圣杯布局和双飞翼布局
  • inline、block、inline-block这三个属性值有什么区别
  • 说一说css的预处理器
  • 如果要做优化,CSS提高性能的方法有哪些
  • CSS3常见动画有哪些
  • 怎样画一条0点5px的线
  • CSS
guoguoqiqi
2022-03-01

inline、block、inline-block这三个属性值有什么区别

inline: 行内元素,元素不独占一行,不可以修改宽高
block: 块级元素,元素独占一行,可以修改宽高
inline-block: 行内块级元素,元素不独占一行,并且可以修改宽高
1
2
3
每个元素都两个盒子,外在盒子和内在盒子。外在盒子负责元素是可以一行显示,还是只能换行显示;内在盒子负责宽高、内容呈现什么的。
外在盒子-内在盒子
from 《css世界》
1
2
3
CSS显示模块分为内部显示类型和外部显示类型,内部显示类型是定义子元素如何参与内部布局,外部显示类型定义了父元素如何参与外部整个文档流的布局,所以
inline-> inline-inline
block-> block-block
inline-block-> inline-block

他们的区别是分两块的,也就是内外部显示类型,参与文档布局的内外区别。
1
2
3
4
5
6

← 圣杯布局和双飞翼布局 说一说css的预处理器→

最近更新
01
vuex数据持久化怎么做
05-22
02
vue的动态路由怎么配置使用
05-22
03
vue权限控制一般怎么做
05-22
更多文章>
Theme by Vdoing | Copyright © 2022-2022 Guoquoqiqi | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式