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

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

鄄（juàn）城县，隶属于山东省菏泽市，位于山东省西南部，西北两面跨黄河与河南省毗邻，因境内有鄄邑、鄄城而得名，截至2018年12月底，鄄城县土地调查面积1037.67平方公里。 [1] 

鄄城县是国家级生态示范区，全国粮食生产基地县，全国平原绿化先进县，全国鲁西黄牛和中国斗鸡保种基地，古代军事家、一代兵师孙膑的故里，是山东省首批20个省管县之一，列入国家民政部命名的“千年古县”。 [2] 

2019年，鄄城县下辖2个街道、13个镇、2个乡 [3]  。2018年，鄄城县常住人口76.41万人，实现地区生产总值（GDP）198.67亿元，其中，第一产业增加值28.7亿元，第二产业增加值92.31亿元，第三产业增加值77.66亿元，三次产业构成为14.4：46.5：39.1，人均地区生产总值25416元。 [4] 

4. 子元素的显示方向。
子元素的显示方向可通过 box-direction + box-orient + flex-direction 实现，如下代码：

1. 左到右(水平方向)

.box{
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
2. 右到左(水平方向)
.box{
-webkit-box-pack: end;
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-moz-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
如上代码：box 写法的 box-direction 只是改变了子元素的排序，并没有改变对齐方式，需要新增一个 box-pack 来改变对齐方式。

3. 上到下(垂直方向上)
.box{
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
4. 下到上（垂直方向上）
.box{
-webkit-box-pack: end;
-webkit-box-direction: reverse;
-webkit-box-orient: vertical;
-moz-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
5. 是否允许子元素伸缩
.item{
-webkit-box-flex: 1.0;
-moz-flex-grow: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
}
box语法中 box-flex 如果不是0就表示该子元素允许伸缩，而flex是分开的，上面 flex-grow 是允许放大（默认不允许）

.item{
-webkit-box-flex: 1.0;
-moz-flex-shrink: 1;
-webkit-flex-shrink: 1;
flex-shrink: 1;
}
flex-shrink 是允许缩小（默认允许）。box-flex 默认值为0，也就是说，在默认的情况下，在两个浏览器中的表现是不一样的：介绍如下：

.item{
box-flex: ;
/*伸缩：<一个浮点数，默认为0.0，即表示不可伸缩，大于0的值可伸缩，柔性相对>*/

flex-grow: ; /* default 0 */
/*放大：默认0（即如果有剩余空间也不放大，值为1则放大，2是1的双倍大小，以此类推）*/

flex-shrink: ; /* default 1 */
/*缩小：默认1（如果空间不足则会缩小，值为0不缩小）*/
}
6. 子元素的显示次序
.item{
-webkit-box-ordinal-group: 1;
-moz-order: 1;
-webkit-order: 1;
order: 1;
}
注意：目前还有一个问题没有弄明白，旧版本中的那个属性对应着新版本的 align-self属性，有知道的请告知，谢谢！

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