Flexible弹性布局

大家好,今天小编来为大家解答哪些情况不适合用弹性布局这个问题,移动端不建议flex布局很多人还不知道,现在让我们一起来看看吧!

本文目录

  1. 哪些情况不适合用弹性布局
  2. flex布局怎么让div中的div移动
  3. flex布局别称
  4. 简述五种布局的特点和运用场合

哪些情况不适合用弹性布局

css3引入的,flex布局;优点在于其容易上手,根据flex规则很容易达到某个布局效果,然而缺点是:浏览器兼容性比较差,只能兼容到ie9及以上;

flex布局怎么让div中的div移动

可以通过调整flex子项的order属性来实现。在flex布局中,order属性可以调整元素的顺序,该属性的默认值为0,数值越小,元素越靠前。我们可以通过设定子div的order属性,来决定子div元素的位置顺序,从而进行移动。还可以配合其他属性如:flex-grow、flex-shrink、flex-basis等,来进一步灵活控制flex子项的排列位置和尺寸大小。同时还可以通过flex-wrap属性来指定flex容器换行方式,从而控制div在容器中的排列。

flex布局别称

Flex布局又称弹性布局,在小程序开发中比较适用。因此将Flex布局相关属性整理如下,搞清楚了这个布局,小程序开发的页面布局就不在话下了。布局的传统解决方案,基于盒状模型,依赖display属性+position属性+float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。

简述五种布局的特点和运用场合

框架布局:所有控件排列在左上角,用于制作特别的控件,初学者使用较少;

线性布局:控件可以按照水平或者垂直方向进行排列,控件排列方式简单;

绝对布局:可以指定控件摆放的位置,虽然摆放控件很容易,但是不适合多种分辨率和尺寸的屏幕,需要慎用;

相对布局:能够设定控件之间的相对关系、控件与父容器的相对关系,控件排列方式比较灵活,是常用的布局之一;

表格布局:通过配合使用TableRow可以将控件以表格形式排列。

好了,本文到此结束,如果可以帮助到大家,还望关注本站哦!

web前端学习 移动端开发常用布局 前端弹性布局总结