如何在布尔玛级组件中实现分词并在左右两侧设置相等的宽度？

Question

嗨，我在布尔玛的关卡组件中出现断字问题。没用我想将左右水平设置为相等的宽度。实际上我希望它充当响应表...

Answer 1

我以某种方式找到了解决方案：

.level {
    .level-left {
        min-width: 0;
        word-break: break-word;
        flex-basis: 50%;

        .level-item {
            flex-shrink: 1;
        }
    }

    .level-right {
        min-width: 0;
        word-break: break-word;
        flex-basis: 50%;

        .level-item {
            flex-shrink: 1;
            text-align: right;
        }
    }
}

Codepen example