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

时间:2013-12-16 13:18:16

标签: html css text-alignment

我想创建一组已在我的页面上发布的最新消息。那些盒子应该总是相同的大小(因为它们是连续的,而不是彼此相同的)并且由三部分组成:

  • 标题(h3)
  • 内容(无特定标签)
  • 作者(span)

虽然将标题始终保持在同一位置并不困难,但我真的没想到让作者在框底部始终的方法,无论上面有多少内容。

也许我觉得太复杂了。

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:3)

父框上的

position: relative,作者框上的position: absolute; bottom: 0;

我不会给你一个完整的解决方案,因为那不会有帮助。

CSS Positioning 101

答案 1 :(得分:1)

你可以使用一个包装器设置为相对于css和span位于绝对位置 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