将文本的结尾与 div 的底部对齐答案

【问题标题】：Align end of a text to the bottom of a div将文本的结尾与 div 的底部对齐
【发布时间】：2013-12-16 21:25:45
【问题描述】：

我想创建一组已发布在我的页面上的最新消息。这些框应始终具有相同的大小（因为它们在一行中，而不是彼此下方）并且由三个部分组成：

虽然将标题始终保持在同一位置并不难，但我真的想不出一种让作者始终在框底部的方法，不管上面有多少内容。

也许我只是想得太复杂了。

提前感谢您的帮助！

【问题讨论】：

【解决方案1】：

position: relative 在父框上，position: absolute; bottom: 0; 在作者框上。

我不会给你一个完整的解决方案，因为那并没有真正的帮助。

【讨论】：

【解决方案2】：

您可以使用从 css 设置为相对的包装器和定位绝对的跨度 HTML

<div class="wrapper">
  <h3>Title</h3>
  <p>Title</p>
  <span class="author">Title</span>

CSS

.wrapper{position: relative; padding-bottom: 1em;} .author{position: absolute; bottom: 0; right: 0

【讨论】：