如何使flex div只占用所需的空间?它占用了所有可用的空间。
我希望有一排div,在需要的时候 Package 。问题是Flex容器占用的空间比它实际需要的多。
下面是一个例子http://cssdeck.com/labs/wvhe64ot
#outer {
border: 5px solid green;
width: 400px;
}
#container {
display: flex;
border: 5px dashed black;
flex-wrap: wrap;
}
#container div {
padding: 10px;
border: 2px solid black;
}
个字符
5条答案
按热度按时间kt06eoxx1#
你可能正在寻找
display: inline-flex
属性。它对待它的子属性就像display: flex
属性一样,除了它本身不会自动增长。alen0pnh2#
对我有帮助的是为列定向元素设置这个:
字符串
或者对于行定向元素:
型
s3fp2yjn3#
在div上设置flex-shrink:0,这样你至少需要占用所需的空间
bgtovc5b4#
您可以将
flex-grow: 0
放在flex-items上:字符串
smdnsysy5#
尝试
字符串