{
display: flex;
/* 默认值。灵活的项目将水平显示,正如一个行一样。 */
flex-direction: column;
/* 灵活的项目将垂直显示,正如一个列一样。 */
flex-direction: row;
align-items: center;
justify-content: center;
{
flex:1 //所有的子元素平均分配
}
}
{
display: flex;
/* 默认值。灵活的项目将水平显示,正如一个行一样。 */
flex-direction: column;
/* 灵活的项目将垂直显示,正如一个列一样。 */
flex-direction: row;
align-items: center;
justify-content: center;
{
flex:1 //所有的子元素平均分配
}
}