当有预定义高度时如何将文本放置在底部！

这应该是非常微不足道的事情，但事实并非如此。我有一个预定义的锚点高度，我想将文本放置在底部。

<li><a class="my-text">My Text</a></li>

我使用了以下 CSS，但不起作用。文本仍然显示在顶部。

a.my-text {
     background-color:#cccc;
     height:50px;
     vertical-align:bottom;
     width:100px;
}

我的想法是：我想将文本对齐到底部，但是如果有超过一行的文本，我希望溢出到顶部，而不是将其他所有内容推到下面......关于如何做到这一点的任何想法取得成就？

使用 css 和您提供的 html 无法完成此操作。如果你在锚点上加一个额外的跨度，可以做到：

a.my-text {
  height: 50px;
  display: block;
}
a.my-text span {
  position: absolute;
  bottom: 0;
}