Bulma关卡组件如何实现分词并设置左右等宽？

Question

您好，我在 Bulma 关卡组件中遇到断词问题。它不工作。我想将左右水平设置为相等的宽度。实际上，我希望它充当响应式 table...

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