display: inline、block、inline-block、flex和inline-flex
2024-08-29 09:42:54
inline
共享一行
不能修改width、height属性,大小由内容撑开
padding属性 top、right、bottom、left设置都有效;margin属性只有left、right设置有效
block
独占一行,默认与父元素同宽
可以修改width、height属性
padding、margin四个方向的值设置均有效
inline-block
共享一行
可以修改width、height属性
padding、margin四个方向的值设置均有效
flex
独占一行
将对象作为弹性伸缩盒显示
inline-flex
共享一行
将对象作为内联块级弹性伸缩盒显示
最新文章
- ConcurrentDictionary线程不安全么,你难道没疑惑,你难道弄懂了么?
- Django Web补充
- Facade设计模式
- Django+python+BeautifulSoup垂直搜索爬虫
- [转] Making GTFS query more convenient
- MySQL执行计划显示与执行过程不符合一例
- leetcode -- Search for a Range (TODO)
- 很受欢迎的Linux笔记(短小精悍)
- [LeetCode#156] Binary Tree Upside Down
- jdbc03 使用servlet实现
- flexbox备忘
- Vue-cli 记录
- ajax提交到后台是中文乱码
- centos关机与重启命令
- spring-boot-2.0.3源码篇 - pageHelper分页,绝对有值得你看的地方
- Java 对远程文件的操作
- Oracle(1)之虚拟机下安装与简单使用
- Chapter 5 -- ImmutableCollections
- LINUX设备驱动模型之class
- iOS工程中如何去掉第三方的警告
热门文章
- 深入理解java虚拟机,GC参考手册
- linux下安装 zookeeper-3.4.9并搭建集群环境
- Linux 配置永久辅助IP
- Java ArrayList源码分析(含扩容机制等重点问题分析)
- HDU-6599 I Love Palindrome String(回文自动机+字符串hash)
- Codeforces Round #652 (Div. 2) A. FashionabLee(几何)
- SPOJ - PHRASES Relevant Phrases of Annihilation
- The Balance HDU - 1709 母函数(板子变化)
- JavaScript——内置对象
- Codeforces Round #650 (Div. 3) D. Task On The Board (构造,贪心)