【问题标题】: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; 可能可行

    【讨论】:

      猜你喜欢
      • 2021-10-04
      • 2017-12-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-30
      • 2018-03-18
      • 1970-01-01
      相关资源
      最近更新 更多