html - 将文本末尾与 div 底部对齐

标签 html css text-alignment

我想创建一组已发布在我的页面上的最新消息。这些盒子应该始终具有相同的大小(因为它们是排成一排,而不是一个一个地在下面)并且由三部分组成:

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

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

也许我想得太复杂了。

预先感谢您的帮助!

最佳答案

position:relative 在父框上,position:absolute; Bottom: 0; 在作者框上。

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

CSS Positioning 101

关于html - 将文本末尾与 div 底部对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20611927/

相关文章:

html - 仅在菜单栏上填充左文本

javascript - jQuery clone() 每次附加 div 时将其加倍

javascript - 使按下的按键只注册一次而不是连续注册

html - 额外间距图像响应网站

html - 在 PHP 脚本中断行(回显图像)

html - 如何在 div 元素中水平居中按钮元素?

javascript - 按钮文本居中对齐 CSS

css - 在 Tic Tac Toe 中绘制获胜线的最佳方法

html - 多行垂直文本对齐

php - 使用 css 在 vbulletin 中对齐横幅?