底部对齐的文字，向上划线？

Question

我使用绝对定位将文本放在div的底部。注意图像底部的白色文本。那就是我正在谈论的文字。

本文的问题在于，当换行时，它会将大部分文本推到顶行，并将额外的文本放在底行。如果大部分文字保留在底线并且额外的文本被推到顶部，我宁愿选择...示例如下图所示：

CSS可以这样吗？

Answer 1

我有几点建议。第一个是证明文本对齐;即见下文

.some-selector{
    text-align: justify;
    text-justify: inter-word;
}

另一个我赞成的建议，因为它更稳定，是将你的文本划分为多个p元素;例如如下。但是，在缩小浏览器或在移动设备上使用页面时，您需要对其进行测试。

<div>
    <p>Line1.</p>
    <p>Line2.</p>
    <p>Line3.</p>
</div>

如果我能看到代码的片段，小提琴或CodePen，我可能会有更多建议。