将文本放在按钮的右下角

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;
}

您已找到的正确对齐方式。对于底部对齐，我将按钮的高度，text和fontsize都设置为相同的值。然后我添加了顶部填充，使高度再次成为所需的50px（实际高度=高度+填充）。