底部对齐文字，行向上断开？

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>

如果我能看到代码的一些片段、Fiddle或CodePen，我可能会有更多的建议。