display:box和display:inline-box是比较老的版本了,新版本的是display:flex和display:inline-flex,至于区别,你可以把他理解成display:block与display:inline-block的区别因为他们分别继承block和inline-block的属性
如下介绍:
二者在css中的写法:
那么来说一说display 几个属性:
display:block ? ? ? ? ? ? ? ??将对象变成宽度和高度都可以设置的块元素
display:inline-block ? ? ? ?将对象变成高度定死,宽度自适应的行内块元素
display:display:box ? ? ? ?将对象作为弹性伸缩盒显示,同样继承block属性。(伸缩盒最老版本)
display:inline-box: ? ? ? ?将对象作为内联块级弹性伸缩盒显示,同样继承inline-block属性。(伸缩盒最老版本)
display:flexbox ? ? ? ? ? ? ? 将对象作为弹性伸缩盒显示,同样继承block属性。(伸缩盒过渡版本)
display:inline-flexbox ? ? ?将对象作为内联块级弹性伸缩盒显示,同样继承inline-block属性。(伸缩盒过渡版本)
display:flex ? ? ? ? ? ? ? ? ? ?将对象作为弹性伸缩盒显示,同样继承block属性。(伸缩盒最新版本)
display:inline-flex ? ? ? ? ? 将对象作为内联块级弹性伸缩盒显示,同样继承inline-block属性。(伸缩盒最新版本)
Photoshop|
Dreamweaver|
SVG|
WebGL|
Visual Studio|
PowerDesigner|
Eclipse|
Git|
Apache Ant|
Atom|
Composer|
CodeSmith|
Flex|
Gradle|
Maven|
Sublime Text3|
SVN|
Tableau|
Vim|
Chrome开发者工具|
OpenGL|
Unity|
Direct3D|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....