2013-03-20 60 views
0

我有一些文字锚标记中的两行:垂直对齐文本的一行或链接

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

这种造型,使其一个30像素高链路内看垂直对齐

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

问题是,现在有更长的文本不适合90px宽的链接,所以它导致它包装。因此,链接中的文本被向下推,而不是在锚标签内垂直对齐。

任何人都知道我可以确保链接垂直对齐一行或两行上的文本?我无法将任何类添加到包含两行的任何链接中。

回答

1

文本不换我

http://jsfiddle.net/mTJDd/

如果要垂直对齐的任何文本,正确的方法是使用line-height财产

Demo 2

+0

文本不再说“我的链接”,现在有更长的文本不适合90px。另外,如果我更改了行高,那么带有两行的链接文本将非常高,行高只适用于单行链接。 – Steven 2013-03-20 17:05:00

+1

@Steven使用'table:display:cell;'http://jsfiddle.net/GvxDa/ – 2013-03-20 17:09:36

1

尝试使用line-height属性。

a 
{ 
    line-height:25px; 
} 
+0

如果我更改行高度,两行文本的链接将会很高,行高只适用于单行链接。 – Steven 2013-03-20 17:05:54