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（移動），也不歌劇院支持。

Answer 2

您可以嘗試使用CSS :: first-line Selector。

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

例子：JSFiddle