Question

我有一些关于这个css的文字：

word-break: break-word;

我应该做的是在缩小窗口尺寸时将文本分成几行。它响应迅速，在Chrome中运行良好但在Internet Explorer 11中没有效果。我已经对此进行了大量搜索，但没有解决我的问题。

如果有帮助，这是文本容器的css类：

.my-class {
    width: 170px;
    padding-bottom: 100px;
    padding-top: 100px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    text-align: end;
}

有什么建议吗？

Answer 1

要使flexbox在IE中工作，您可以将代码更改为：

.my-class {
    width: 170px;
    padding-bottom: 100px;
    padding-top: 100px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    text-align: end;
    display: -moz-flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    -ms-flex-pack: space-around;
    box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    flex-flow: column wrap;
}

用Word-break将单词分成几行并不适用于IE11

1 个答案: