css - 当有预定义的高度时如何将文本放在底部!

Question

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

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

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

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

想法是:我想将文本对齐到底部，但是如果文本长于一行，我希望溢出到顶部，而不是将其他所有内容向下推......任何想法这是如何实现的？

Answer 1

这不能使用 css 和您提供的 html 来完成。如果在anchor中多加一个span，就可以做到:

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