显示为块元素的链接中文本的位置

Question

我想知道什么是在块元素中定位文本的最佳方法。

<a href="#">foo</a>

普通链接，但设置为带背景的显示块

display: block;
width: 100px;
height: 100px;
background: #000000;

现在的文字是左上角。 现在的问题是：将这个文本作为例子的最佳方式是什么：左下角或右下角？

我更喜欢CSS解决方案，而A-Tag中没有任何新元素。一些意见？

Answer 1

你也可以使用display：table-cell - 但是，它不适用于＆lt; = IE7

http://jsfiddle.net/QU9gy/

Answer 2

您无法选择要放在底部的内容。通过使用填充（padding-top），您可以手动使其看起来像ist的底部对齐。 所以在上面的例子中试试

display: block;
width: 100px;
height: 14px;
background: #000000;
padding-top: 86px

Answer 3

你也可以尝试一下。

display: block;
width: 100px;
height: 100px;
background: #000000;
line-height:188px;
font-size:12px;
color:#fff;
text-decoration:none;

如果你改变你的字体大小比减去200px的值:)意味着如果你使用18px字体而不是行高将是182px所以总数不会是200px;