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

我想知道在块元素中放置文本的最佳方式是什么

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

文本现在位于左上角。 现在的问题是：让这篇文章成为示例的最佳方式是：左下角还是右下角

---

我更喜欢在A标签中没有任何新元素的CSS解决方案。有些意见？

您不能选择要放在底部的内容。通过使用padding（padding top），您可以手动使其看起来像ist的对齐到底部。 因此，在上面的示例中，请尝试

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

---

您不能选择沿底部放置的内容。通过使用padding（padding top），您可以手动使其看起来像ist的对齐到底部。 因此，在上面的示例中，请尝试

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

---

您也可以使用display:table cell-但是，这在中不起作用。您也可以使用display:table cell-但是，在中不起作用。您也可以尝试此方法

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

如果您将字体大小从200px改为小于，则表示如果您使用18px字体，则行距将为182px，因此总no将为200px

你也可以试试这个

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

---

---

如果您将字体大小从200px改为小于，则表示如果您使用18px字体，则行距将为182px，因此总no将为200px

这是最好的解决方案吗？我的意思是，对于表格、行高和诸如此类的东西，也有垂直对齐。你不是真的想使用表格-不-纯css元素没有垂直对齐。

是不合适的，但没有理由不使用

显示：表格

（兼容性除外）@Kevin Reid我想你把那句话放错地方了@我是在回答你。根据对普特里克答案的回应，我认为这本身不是一个有用的答案。这是最好的解决方案吗？我的意思是，对于表格、行高和诸如此类的东西，也有垂直对齐。你不是真的想使用表格-不-纯css元素没有垂直对齐。

是不合适的，但没有理由不使用

显示：表格

（兼容性除外）@Kevin Reid我想你把那句话放错地方了@我是在回答你。根据对ptriek答案的回复，我认为这本身不是一个有用的答案。是的，ofc:）但我需要IE7，所以我将使用填充和文本对齐。但是tx；）是的，但我需要IE7，所以我会使用填充和文本对齐。但是tx；）唯一的问题是，如果框中的文本出于任何原因进入两行。嗯。。！而填充则是解决方案。但很明显，你无法得到准确的数值，你需要反复尝试来设定你的身高。即使这样，也可能给您带来多行的麻烦。如果多行是你的情况比最好的解决方案，因为我相信是什么ptriek给你。因为你不想在锚点内添加任何标记，除非你使用ptriek给定的解决方案，否则很难为多行设置标记。行高和填充的组合意味着没有尝试和错误。行高：20px paddong top:180px=200px表示一行文字，220px表示两行文字，而不是仅填充两行文字的组合。仅设置顶部填充。差不多。填充顶部：80px等。唯一的问题是如果框中的文本出于任何原因进入两行。嗯。。！而填充则是解决方案。但很明显，你无法得到准确的数值，你需要反复尝试来设定你的身高。即使这样，也可能给您带来多行的麻烦。如果多行是你的情况比最好的解决方案，因为我相信是什么ptriek给你。因为你不想在锚点内添加任何标记，除非你使用ptriek给定的解决方案，否则很难为多行设置标记。行高和填充的组合意味着没有尝试和错误。行高：20px paddong top:180px=200px表示一行文字，220px表示两行文字，而不是仅填充两行文字的组合。仅设置顶部填充。差不多。padding top:80px等。是否不可能在链接周围设置另一个包装器元素，或者您宁愿不这样做？添加另一个元素将使这变得足够简单。是否不可能在链接周围设置另一个包装器元素，或者您宁愿不这样做？添加另一个元素将使这变得足够简单。