Flex containers are not block containers, and so some properties that were designed with the assumption of block layout don’t apply in the context ...

display:block就是将元素显示为块级元素. 　　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度　　<div>, <p>, <h1>, <form> ...

flex： 将对象作为弹性伸缩盒显示 inline-flex：将对象作为内联块级弹性伸缩盒显示 两者都是使子元素们弹性布局，但是如果是flex，父元素的尺寸不由子元素尺寸动态调整，不设置时默认是100%，而inline-flex则会使父元素尺寸跟随子元素们的尺寸动态调整。 ...

问题一； 1.，display:flex;不会让容器本身取消它的块装的属性，但它的子元素会变成行内块的的属性 2.display: inline-flex;父级是变成行内块元素，他的子元素也是行内块元素，并且自动换行 开启inline-flex 开启 ...

flex： 将对象作为弹性伸缩盒显示inline-flex：将对象作为内联块级弹性伸缩盒显示 flex 子元素根据父元素去排，如果子元素宽度超出父元素的宽度，因为flex布局，实际子元素的宽度并不会超过，只会按比例排放。 inline-flex ...

inline-block和float的区别 虽然设置float跟设置inline-block有些特征类似，但两者的区别还是非常明显的: 文档流（Document flow）:float元素会脱离文档流，并使得周围元素环绕这个元素。而inline-block元素仍在文档流内。因此设置 ...

IE6/7是不支持display:inline-block属性，只是让其表现的跟inline-block一样，尤其对于inline水平的元素，其表现度可以用perfect一词来形容了。 对于IE8+以及现代浏览器，直接使用：{display:inline-block;}就可以了，支持任意水平 ...

元素转换 display:block; 行内转块 Display:inline; 块转行内 Display:inline-block; 块或行内转行内块 链接伪类 a:link{属性:值;} 链接默认状态 a{属性:值;}是一样 ...