![](/img/trans.png)
[英]How do I vertically center text within a fixed height whether it's one line or two lines?
[英]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;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.