一个栗子上手CSS3动画

CSS进阶：进步你前端程度的4个技能

【义务编辑：枯木 TEL：（010）68476606】

align-self

[align-self]用来在零丁的伸缩项目上覆写默认的对齐方法，这个属性是用来覆盖伸缩容器属性align-items对每一行的对齐方法。也就是说袈溱默认的情况下这两个值是相等的。

align-self: auto | flex-start | flex-end | center | baseline | stretch 

讲了这么多他们的应用，我们来看一看flexbox构造的兼容性。

具体大年夜家可以见这个网站：caniuse(http://caniuse.com/#search=flexbox)

在PC端其实很乐不雅了，根本上主流的浏览器都已经兼容了flex的应用，然则到了移动端就不是那么好了，特别是国内浏览器，推敲到uc浏览器占了大年夜头，然则uc大年夜图中看到只兼容flex最老的一个版本，也就是2009年的版本，即display:box;很多如今flex的优良特点到了它膳绫擎都不兼容了，所以建议大年夜家在应用的时刻，假如2009版本可以知足开辟请求的话，照样去应用2009版本，如许风险更小。

然则假如想兼容多个浏览器，可以采取优雅降级的方法来应用，这里推荐一个scss的sass-flex-mixin,如许就可以应用最新的写法，并且兼容大年夜部分浏览器了。

信赖flexbox构造在今后的移动端会用得越来越多的。

　　推荐阅读

　　金融大数据行业应用及发展全洞察

在中国经济走向新常态的转型中，在中国经济成为全球第二大年夜经济体的成长中，在中国金融业向支撑实体经济、立异驱动的转换中，大年夜数据在金融范畴的应用，成为中国金融业的新增长点和>>>详细阅读

本文标题：我对Flexbox布局模式的理解

地址：http://www.17bianji.com/lsqh/35393.html

 1/2    1