行内元素 inline，行内块元素 inline-block，块级元素 block 的区别

• （可通过 display 属性相互切换） （三个都会自动换行）

padding 会挤压设置的宽高，实际宽高=设置宽高-padding eg. width:300px; padding:10px;则实际的盒子宽度=300-10-10=280px

• inline：

  • 不会独占一行，
  • 没有宽高，宽高根据内容的变化而变化
  • margin 只可设置左右，无上下。
  • 可设置 padding 的上下左右

• inline-block:

  • 不会独占一行
  • 有宽高
  • margin，padding 都有上下左右

• block:

  • 独占一行
  • 有宽高，设置宽后仍独占一行
  • margin，padding 都有上下左右

  ---

最新文章

1. Hibernate之HQL查询的一些例子
2. css3动画2（transform用法）
3. Linux终端下安装jdk
4. BaKoMa Tex Word 的使用
5. ionic 添加地图定位功能
6. php 用封装类的方法操作数据库和批量删除
7. 【python】环境变量的配置
8. 不同的source control下配置DiffMerge
9. python url编码，解码
10. hdu&&poj搜索题题号
11. 30款javascript脚本插件 jquery插件大全
12. TCP的阻塞和重传
13. 最受欢迎web前端技术总结
14. 在ASP.NET MVC中使用Web API和EntityFramework构建应用程序
15. Bootstrap3 栅格系统-嵌套列
16. [Redis] - redis实战1
17. Qt__状态栏(statusBar)
18. python操作oracle实战
19. SpringBoot2.x配置文件讲解
20. PHP:第一章——PHP中的关键字

热门文章

1. vue3 h函数
2. 2.13python基础知识
3. 使用NibiruSDK 坑
4. golang json 字符串 用 json.Number 解析字段
5. CentOS 7安装配置vsftp并搭建FTP（一)
6. 对PTA题目集1~3的总结
7. 云函数调用云函数 openid不存在
8. css可继承与不可继承的属性
9. uniapp打包h5
10. http 1.0、2.0、3.0 之间的区别