【专题】display: inline | block | inline-block;
来源:互联网 发布:js给div的value赋值 编辑:程序博客网 时间:2024/05/29 12:56
1.inline/block/inline-block区别?
①display: inline;代表的是行内元素的默认样式。如:span/a/i/input/b/img/strong/em/label等。
②display: block;代表的是块级元素的默认样式。如:div/h1-h6/table/ul/li/form/p等。
③display: inline-block代表的是具有高度和宽度的行内元素。
2.从width/height/padding/margin四个方面进行比较。
2.1—width
2.2—height
2.3—padding
2.4—margin
【参考】
http://learnlayout.com/inline-block.html
https://segmentfault.com/q/1010000000454062
https://www.computerhope.com/issues/ch001717.htm
阅读全文
0 0
- 【专题】display: inline | block | inline-block;
- display:inline、block、inline-block
- display:inline、block、inline-block
- display:inline、block、inline-block
- display:block、inline、inline-block
- display:inline display:block
- display:inline-block属性
- display:inline-block
- display: inline-block
- CSS{display:inline-block}
- display:inline-block
- display:inline-block属性
- 关于display:inline-block
- display:inline-block 使用说明
- display:inline-block
- display:inline-block
- display block inline
- [CSS]display:inline-block
- hdu1242Rescue(dfs基础)
- BZOJ 1001 狼抓兔子 平面图最小割
- codility CountDiv
- Big Data Secuity Solution
- 自定义控件三部曲之绘图篇(七)——Paint之函数大汇总
- 【专题】display: inline | block | inline-block;
- Spring Getting Started (1):构建一个RESTful的web服务
- Ubuntu开源oj的简单配置
- imageloder
- 斗地主装牌
- Ubuntu下各种问题汇总
- java使用javaMelody监控项目
- 笔记--关于c语言中各种数据类型所占字节。
- spring事务的详细解读