css - flex布局下，某个子元素单独布局怎么做？

问题描述

问 题

如图，父级容器使用了flex布局，其中align-items: center;但子元素中右边红色字体部分，我想让其飘到右边去，但float属性失效；请问如何解决？

解决方案

左边的灰色文字放在一个元素里，右边的红色文字放在另外一个元素里。这两个子元素都给一个flex:1,右边的元素的文字对齐方式写成：text-align:right;

这篇关于css - flex布局下，某个子元素单独布局怎么做？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！