当前位置:首页 > 移动端开发
如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种....[详情]
就像Bootstrap一样,Ionic(Ionic 3)允许我们使用 col-sm-8 ,根据屏幕大小调整列的宽度col-md-6 , col-lg-4 。 Bootstrap还附带类似 visible-xs , hidden-sm 等类,使我们能够显示或....[详情]
1.居中对齐.flex-container { /* We first create a flex layout context */ display: flex; /* Then we define the flow direction and if we allow the items to wra....[详情]
如:flex 取值为 none,则计算值为 0 0 auto,如下是等同的:

.item {flex: none;}
.item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
}

当 flex取值为 auto....[详情]
flex布局发生在父容器和子容器之间。父容器需要有flex的环境(display:flex;),子容器才能根据自身的属性来布局,简单的说,就是瓜分父容器的空间。相反就是说如果父容器没有flex....[详情]
骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明,本节的HTML模板一律如下。<div class="box"> <span....[详情]
一、Flex布局是什么?

布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便
,比如,垂直居中就不容易实现。

flexbox....[详情]