html - 在链接中的一行或两行上垂直对齐文本

标签 html css

我有一个带有一些文本的 anchor 标签:

<a href="">My Link</a>

使用这种样式,使其在 30 像素高的链接中看起来垂直对齐:

a
{
    width: 90px;
    padding: 13px 0 13px 0;
}

问题是现在有更长的文本不适合 90 像素宽的链接,因此导致它换行。因此链接中的文本被向下推得更远,而不是在 anchor 标记内垂直对齐。

有谁知道如何确保链接垂直对齐一行或两行的文本?我无法使用两行向任何链接添加类。

最佳答案

文本不适合我

http://jsfiddle.net/mTJDd/

如果你想垂直对齐任何文本,正确的方法是使用line-height属性

Demo 2

关于html - 在链接中的一行或两行上垂直对齐文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15529931/

相关文章:

html - 我怎样才能制作 3 个独立的可滚动列

html - 源代码超过 10k 行时 IE6 性能问题

html - CSS中具有多种尺寸的 float 图像

html - CSS 粘性页脚,带有可滚动内容的页眉

javascript - 如何恢复 Tab 键的正常功能并遍历所有表单输入?

html - nav/ul/li 位置和位置中的段落

javascript - javascript中替换文本问题

html - 在IE上隐藏滚动条(保留边框)

html - 使用 CSS 创建三 Angular 形 div

javascript - 从 highcharts 中的 svg 中删除内联样式