角度换行文本不适用于溢出换行

【问题标题】：Angular wrap text is not workign with overflow-wrap角度换行文本不适用于溢出换行
【发布时间】：2021-10-05 01:27:50
【问题描述】：

我有以下代码，但文本没有被换行。即“行动计划完成”是长文本，我想将其包装成类似于“行动计划
完成”。

        <td>
            <span class="column-data wrap-text">{{ value }}</span>
        </td>

CSS：

.column-data
{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

td {
    vertical-align: middle;
    .wrap-text {
        max-width:50px;
        overflow-wrap: break-word;
    }
}

【问题讨论】：

标签： css angular11

【解决方案1】：

虽然overflow-wrap 和word-break 的行为相似，但它们之间还是有区别的。如果无论使用何种语言都不能将其放在行上而不会溢出，则 overflow-wrap 属性会中断该单词。 word-break 属性用于非英语语言，并指定中文、日语和韩语等语言的字母之间的换行

使用word-wrap: break-word; 而不是overflow-wrap: break-word; 可能可行

【讨论】：