小程序 wxss样式

display: flex;  /* 弹性布局 */

flex-direction: column; /*  弹性布局 竖着排列 ， row横着排列，默认row*/

// 使用前

// 使用后

justify-content: center;  /* 弹性布局 垂直居中 */

// 使用前

// 使用后

align-items: center;    /* 包裹着的每个标签 水平居中 */

// 使用前

// 使用后

display: flex;  /* 弹性布局，默认横着排列 */

justify-content: space-between;/* 两端排列 */

// 使用前

// 使用后

justify-content: space-evenly; /* 均匀排列 ，space-around 中间间距稍微更大一些，space-between 两端贴边，中间空开 */

// 使用前

// 使用后

height: 80rpx;

line-height: 80rpx;   /* 文字垂直居中 */

// 使用前

// 使用后

// 文字设置，不换行，超出部分显示省略号

font-size: 26rpx;

text-overflow: ellipsis;

overflow: hidden;

white-space: nowrap;

view垂直居中

line-height: 100px;    // 100px为容器的高度，例如div的高度是100px

 view水平居中

text-align: center;