塔城微信公众号开发【塔城网络推广】塔城建站、塔城网站维护、塔城网页制作、塔城微信小程序代运营公司

发表日期： 2021-06-08 13:02:49 浏览次数：135

网站建设.jpg

塔城地区，是新疆维吾尔自治区地区，由伊犁哈萨克自治州管辖。地处新疆维吾尔自治区西北部，北部是西准噶尔山地，南部为北天山山地，中东部是准噶尔盆地，地形多具特色，属中温带干旱和半干旱气候。总面积10.54万平方公里，辖3个县级市、3个县、1个自治县。2017年，总人口93.56万人。

塔城地区曾是中国通往中亚的重要通道。塔城地区向西四个口岸、向北三个口岸的公路、铁路及中哈输气输油管道、凤凰—乌苏—伊犁750输变线路横贯全境，渝新欧等四条跨国铁路国际联运必经乌苏市、沙湾县；奎北铁路纵穿和布克赛尔县。乌鲁木齐至塔城高速公路全线贯通。民航塔城机场每天有三班飞往乌鲁木齐的航班、疆内通往阿勒泰、伊犁环线航班已经开通。 [1]

2019年，塔城地区地区生产总值696.58亿元，比上年增长5.2%。其中，第一产业增加值247.66亿元，第二产业增加值155.05亿元，第三产业增加值293.87亿元。三次产业比为35.5:22.3:42.2。人均地区生产总值54095元，比上年增长5%。 [2]

flex属性在CSS新弹性盒模型中是比较常用的，本文将带你深入理解flex属性的各个方面，包括它的语法、取值、作用和浏览器兼容性，最后附上flex的实例，希望能够对你有所帮助。

flex定义和用法

flex：none | [ flex-grow ] || [ flex-shrink ] || [ flex-basis ]

默认值：看各分拆属性

适用于：弹性盒模型子元素

继承性：无

flex属性值

none：
none关键字的计算值为: 0 0 auto
[ flex-grow ]：
定义弹性盒子元素的扩展比率。
[ flex-shrink ]：
定义弹性盒子元素的收缩比率。
[ flex-basis ]：
定义弹性盒子元素的默认基准值。

flex说明

复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。

如果缩写flex:1, 则其计算值为：1 1 0
示例：如下情况每个元素的计算宽是多少
HTML Code：
```
<ul id="flex">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
```
CSS Code：
```
#box{display:-webkit-flex;display:flex;width:800px;margin:0;padding:0;list-style:none;}
#box3 li:nth-child(1){-webkit-flex:1 1 300px;flex:1 1 300px;background:#999;}
#box3 li:nth-child(2){-webkit-flex:1 2 500px;flex:1 2 500px;background:#aaa;}
#box3 li:nth-child(3){-webkit-flex:1 3 600px;flex:1 3 600px;background:#ccc;}
```
上例中，定义了父容器宽（即主轴宽）为800px，由于子元素设置了伸缩基准值flex-basis，相加300+500+600=1400，那么子元素将会溢出1400-800=600px；
由于同时设置了收缩因子，所以加权综合可得300*1+500*2+600*3=3100px；
于是我们可以计算a,b,c将被移除的溢出量是多少：
a被移除溢出量：300*1/3100*600=3/31，即约等于58px
b被移除溢出量：500*2/3100*600=10/31，即约等于194px
c被移除溢出量：600*3/3100*600=18/31，即约等于348px
最后a,b,c的实际宽度分别为：300-58=242px, 500-194=306px, 600-348=252px
对应的脚本特性为flex。

flex浏览器支持

浅绿 = 支持
红色 = 不支持
墨绿 = 部分支持

支持版本\类型	IE	Firefox	Safari	Chrome	Opera
较早版本	6.0-10.0	4.0-19.0	5.1.7-6.0	21.0-28.0^-webkit-	9.-12.0
较新版本	11.0	20.0	7.0^-webkit-	29.0	12.1

塔城微信公众号开发【塔城网络推广】塔城建站、塔城网站维护、塔城网页制作、塔城微信小程序代运营公司

上一页：塔城网站制作【塔城网站优化】塔城建网站、塔城微信公众号运营、塔城网页设计、塔城微信小程序商城

下一页：塔城网站推广【塔城办理400电话】塔城SEO优化、塔城微信公众号APP客户端小程序开发、塔城网站托管、塔城APP开发