2013-03-20 70 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