Flexbox包装文本而不是更新宽度

时间:2018-03-27 19:26:28

标签: css css3 sass flexbox word-wrap

我遇到了flexbox文字换行问题。带<div>的{​​{1}}确实正确包装文本,但宽度保持最大值,而不是更改为适合包装文本的大小。

所以,这是HTML标记:

display: flex;

SCSS:

<div class="tagsFormSection">
    <div class="tagsHolder">
        <div class="labelItem">
            <div class="labelContent">EMPRESA DE TESTE 3</div>
            <div class="labelAditional">manager</div>
            <div class="labelClose">x</div>
        </div>
        <div class="labelItem">
            <div class="labelContent">COOBO SOLUÇÕES EM PROCUREMENT LTDA</div>
            <div class="labelAditional">admin</div>
            <div class="labelClose">x</div>
        </div>
    </div>
</div>

以下是输出内容的屏幕截图:

Error example

提前致谢!

0 个答案:

没有答案