将文本放在按钮的右下角

Question

我一直在寻找有关如何执行此操作的答案。基本上我想要的是将文本放在按钮的右下角。这就是我到目前为止所拥有的。我的文本向右对齐，但它仍然在按钮的中间。我怎样才能将它与底部对齐？

.button{
  height: 50px;
  width: 50px;
  text-align: right;
}

Answer 1

类似这样的：http://jsfiddle.net/QavgZ/

html:

<a class="button">text</a>

css:

.button{
  height: 14px;
  width: 50px;
  text-align: right;
  display: block;
  border: 1px solid red;
  font-size: 14px;
  line-height: 14px;
  padding-top: 36px;
}

您已经找到了正确的对齐方式。对于底部对齐，我将按钮、文本和字体大小的高度都设置为相同的值。然后我添加了顶部填充以使高度再次变为所需的 50 像素（实际高度 = 高度+填充）。