text-align: justify — 第二行

Question

我希望文本在 div 内对齐。当换行时，我希望第二行（较短）居中。现在第一行对齐，第二行左对齐。

有什么想法吗？

CSS:

.credits
{
opacity:.2;
text-align:justify;
font-size:18px;
line-height:21px;
}

Answer 1

如果你的第二行是最后一行，那么你可以使用text-align-last:

.credits {
    opacity: .2;
    text-align: justify;
    text-align-last: center;
    -moz-text-align-last: center; /* Firefox needs a prefix, according to the docs */
    font-size: 18px;
    line-height: 21px;
}

警告：Safari（移动）和 Opera 均不支持此功能。

Answer 2

您可以尝试使用 CSS::first-line Selector。

    p {
       width: 100px;
       text-align: center;
    }
    p:first-line {
       text-align:justify;
    }

示例：JSFiddle

text-align: justify — 第二行

text-align: justify — second line

css

center

text-align

justify