塔城400电话办理【塔城网站公司】塔城百度优化、塔城域名注册、塔城网店美工、塔城微信公众号托管

发表日期： 2021-06-08 13:05:12 浏览次数：129

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

flex-shrink定义和用法

flex-shrink：<number>

默认值：1

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

继承性：无

flex-shrink属性值

<number>：
用数值来定义收缩比率。不允许负值

flex-shrink说明

设置或检索弹性盒的收缩比率。

根据弹性盒子元素所设置的收缩因子作为比率来收缩空间。
示例：a,b,c将按照1:1:3的比率来收缩空间
HTML Code：
```
<ul id="flex">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
```
CSS Code：
```
#flex{display:-webkit-flex;display:flex;width:400px;margin:0;padding:0;list-style:none;}
#flex li{width:200px;}
#flex li:nth-child(1){background:#888;}
#flex li:nth-child(2){background:#ccc;}
#flex li:nth-child(3){-webkit-flex-shrink:3;flex-shrink:3;background:#aaa;}
```
flex-shrink的默认值为1，如果没有显示定义该属性，将会自动按照默认值1在所有因子相加之后计算比率来进行空间收缩。
本例中c显式的定义了flex-shrink，a,b没有显式定义，但将根据默认值1来计算，可以看到总共将剩余空间分成了5份，其中a占1份，b占1份，c占3分，即1:1:3
我们可以看到父容器定义为400px，子项被定义为200px，相加之后即为600px，超出父容器200px。那么这么超出的200px需要被a,b,c消化
按照以上定义a,b,c将按照1:1:3来分配200px，计算后即可得40px,40px,120px，换句话说，a,b,c各需要消化40px,40px,120px，那么就需要用原定义的宽度相减这个值，最后得出a为160px，b为160px，c为80px
对应的脚本特性为flexGrow。

flex-shrink浏览器支持

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

支持版本\类型	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电话办理【塔城网站公司】塔城百度优化、塔城域名注册、塔城网店美工、塔城微信公众号托管

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

下一页：塔城网站优化【塔城开通400电话】塔城网站搭建、塔城微信公众号推文外包、塔城开通京东拼多多设计、塔城淘宝装修