我们中的许多今天的较旧的值都知道display像房地产inline和block新的灵活盒模型后已经过时了CSS3中被引入。但是,我们可能会在同一柔性盒模型中在网络上找到不同的信息。
display
inline
block
我们可能会发现主要存在3种不同的值display,即财产flex,box和flexbox。这三种灵活的盒子模型和使用哪种模型有什么区别?
flex
box
flexbox
您可以使用所需的浏览器来支持所需的浏览器。
display: box
据我所知,box-lines: multiple在任何浏览器中均未实现via环绕。
box-lines: multiple
display: flexbox
显示:flex-当前标准
(请注意,IE10是唯一标记为具有部分支持的自动浏览器的浏览器)
为规范flexbox和flex足够相似,我们没有理由_不_以包括,特别是因为IE10仅支持flexbox规范。的规格box有很大不同,即使您所追求的效果也不尽人意,尽管几乎所有属性都与flexbox/flex规格中的属性类似。
您可能会发现有些浏览器支持多种规格。他们可能会放弃对较早规格的支持,因此请务必确保包括这些flex属性。