如何将flexbox宽度仅设置为其中的内容

Question

如何将flexbox容器的宽度设置为内容的宽度？它可以表现得像{{1}}，而不指定固定宽度

Fiddle

Answer 1

试试这个

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

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