flex 布局下水平居右、居左,垂直居中实现

当父级 div 处于 flex 布局时,如下:

.parent {
	display: flex;
	align-items: center;/** div中元素垂直居中 */
}

子级想要水平居右,则 css 样式如下:

.son {
	flex: 1;
	text-align: right;/** 如果想要水平居左,则为 left */
}

版权声明:本文为cywleo原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。