首页 > 技术文章 > flex 布局笔记

strangerqt 2016-03-08 10:47 原文

1,今天遇到一个问题,就是当元素布局设置为了flex后,里面的内容只有文字,但是对text-align 属性设置无效,仔细想了下,是因为把display 设置为了flex后,flex将里面的文字也认为是一个子元素(其实就是子元素。。只不过是文字节点而已),子元素布局可以通过align-items 设置Y轴,justify-content 设置X轴的对齐方式(假如flex-flow 设置为了row wrap后)。

那么在这种情况下,元素设置为flex后,文字节点是不能通过设置text-align居中的。

如果要设置居中的话,可以通过justify-content:center 来设置,如果硬要通过text-align设置,那么要将flex去掉才行。

推荐阅读