簡體   English   中英

將文本垂直對齊在鏈接中的一行或兩行上

[英]Vertically align text on one line or two lines within a link

我有一個帶有一些文字的錨標記:

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

使用這種樣式,使其在30px高的鏈接中看起來垂直對齊:

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

問題是現在有更長的文本不適合90px寬的鏈接,所以它導致它換行。 因此,鏈接中的文本被進一步向下推,而不是在錨標記內垂直對齊。

任何人都知道如何確保鏈接在一行或兩行上垂直對齊? 我沒有能力將類添加到任何具有兩行的鏈接。

嘗試使用line-height屬性。

a
{
   line-height:25px;
}

文字不適合我

http://jsfiddle.net/mTJDd/

如果要垂直對齊任何文本,正確的方法是使用line-height屬性

演示2

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM