flex是Bootrasp的一个最重要的概念,当您想要指定元素的排列方式时,请使用 flex。“flex”是“显示”值之一。使用“flex”,您可以轻松指定元素的显示方式(例如它们的排列方式)。现在,让我们看看如何使用“flex”水平对齐。
这样,文本将向左对齐,没有任何边距。在右对齐的情况下,“flex-row”部分应该是“flex-row-reverse”。
接下来我们来看一下垂直对齐的情况。直到“d-flex”和以前一样。
如您所见,当仅使用网格系统无法很好地安排事物时,“flex”是一个有用的class。
对齐排列(x/y 轴)
现在让我们仔细看看对齐元素。“Flex”不仅可以用于排列,还可以轻松对齐。多个元素可以整齐地对齐。让我们看一个例子。
这是水平对齐的示例。您可以将它们居中对齐,也可以将它们均匀隔开。图片、图标等元素可以整齐排列,是创建各种站点时非常重要的一个Class。
接下来是垂直排列的情况。同样,使用的Class是相同的。意思是一样的。