html - 为什么 Line Clamp 不适用于文本对齐对齐

Question

为什么 -webkit-line-clamp 没有使用 text-align:justify 显示正确的省略号。它与 text-align:left/right 一起工作良好。

请提出任何技巧。

div {
    text-align: justify;
    width:150px;
    padding: 0 5px;
    line-height: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

<div>Why Line Clamp is not working with text align justify</div>

Answer 1

我解决了:

/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */