如何将flexbox宽度仅设置为

Question

中的内容如何将Flexbox容器的宽度设置为内容宽度？它可以表现得像display:inline-block，而不指定一个固定的宽度

Fiddle

Answer 1

试试这个

.parent { 
    width: 150px; 
    height: 150px; 
    background: yellow; 
    text-align: center; 
} 

.flex { 
    display: inline-flex; 
    margin: auto; 
    justify-content: center; 
    background: blue; 
}