-
Flex布局的方向轴
Flex布局有两根方向轴:水平的主轴和垂直的交叉轴
Flex布局默认排版方向为水平的主轴
查看全部 -
添加Flex布局
如果想要让某个控件实现Flex布局,必须要给它的父控件设置上Flex样式
查看全部 -
Flex布局的重要性
Flex布局可以设置控件的排列顺序
Flex布局可以设置各种对齐方式
Flex布局可以设置弹性放大或者缩小
查看全部 -
小程序的SEO信息
查看全部 -
flex布局默认水平
查看全部 -
小程序里view标签是block模型
查看全部 -
Flex是一种弹性布局
查看全部 -
做项目>做低质量的笔试题
项目的优先级更高,需要提前3-4个月准备
查看全部 -
请问老师共享的图片在哪里呢查看全部
-
.container{
display: flex;
flex-direction: row;
/* justify-content: flex-start; 起点对齐 */
/* justify-content: flex-end; 右对齐 */
/* justify-content: center; 居中对齐 */
/* justify-content: space-between; 两端对齐 */
/* justify-content: space-around; 环绕对齐 */
justify-content: space-around; /*起点对齐*/
background-color: pink;
height: 200px;
/* align-items: flex-start; 顶端对齐 */
/* align-items: flex-end; 底端对齐 */
/* align-items: center; 垂直居中对齐 */
/* align-items: stretch; 控件拉伸至两端 */
align-items: baseline; /*文字基线对齐*/
}
.s1{
width: 50px;
height: 100px;
background-color: red;
/* height: auto; 配合align-items: stretch; 控件拉伸至两端 */
/* font-size: 30px; 配合align-items: baseline; 文字基线对齐 */
}
查看全部 -
flex布局的方向轴
.container{
display: flex;
/* flex-direction: row; 默认 从左往右 水平*/
/* flex-direction: row-reverse; 从右往左 水平*/
/* flex-direction: column 默认 垂直; */
flex-direction: column-reverse; /*从下到上 垂直 */
}
查看全部 -
获取屏幕尺寸:
视频中方法没效果,最新方法是
onShow: function(e) {
var that = this;
wx.getSystemInfo({
success(res) {
that.setData({
width: res.windowWidth,
height: res.windowHeight
})
}
})
}
查看全部 -
flex布局:
查看全部
举报