text-align：justify - 第二行

Question

我希望在div中对齐文本。 换行时，我希望让第二行（较短）居中。现在第一行是合理的，第二行是左对齐的。

有什么想法吗？

CSS：

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

Answer 1

如果您的第二行是最后一行，则可以使用text-align-last：

const rename = require('gulp-rename');

gulp.src(paths.app + 'views/**/views/**/*.html')
  .pipe(rename({dirname: ''}))
  .pipe(gulp.dest(paths.app + '../'));

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

Answer 2

您可以尝试使用CSS ::第一行选择器。

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

示例：JSFiddle