带填充和边距的Flexbox

问题描述:

使用柔性容器还可以使用边缘顶部(底部,左侧,右侧)和填充来在元素之间或向左/右移动一点空间时,是否安全/可接受?或者更好地将flex-based与定义的宽度结合使用?带填充和边距的Flexbox

+2

请澄清您的具体问题或添加其他详细信息,以确切地突出显示您的需求。正如目前所写,很难确切地说出你在问什么。 –

+1

“安全”,“可接受”和“更好”是什么意思?从哪里安全?怎么样? – BSMP

+0

相关:http://*.com/questions/20626685/better-way-to-set-distance-between-flexbox-items – 2016-12-01 17:15:44

我认为更好的方式来把你的问题是

是保证金&填充了“柔性的方式”来安排Flex容器内的元素? - 仍然没有多大意义,但我想答案应该解释为什么。

回答

Flexbox的(柔性盒)是一个布局概念&只是提供了一种更有效的方式来铺陈&分发其Flex容器&内部要素之间的空间为您提供额外的权力来控制你的元素独特的属性,如orderflex-grow,flex-shrink等 - 非常类似于网格布局。现在你不会问这样的问题 - “”你可以使用像Bootstrap一样的网格框架以及边距/填充吗?你会吗?

一个简单的回答你的问题 - Ofcourse就可以了,这一切都取决于你的需求。它的主观没有错误/正确地使用他们与flex。所以是的,你肯定可以使用边缘/填充与Flexbox相结合,如果你的要求需要它(大多数情况下是这种情况),或者你可以使用flex-basis(类似于width)等完成“flex-way”。有时,当这些不足时,你将不得不使用填充/保证金,这再次是非常安全的/可接受的(我不知道这里的含义是什么 - 不过你拿它)。

只需要了解的是,当你定义一个容器,flex您不能使用几个block属性,如text-align

希望你有正确的观点。

+0

非常感谢你这样一个完整的答案!你真的帮助我 –