CSS行高不工作

我有這個div，我想申請的line-height是這樣的...CSS行高不工作

.social { 
    background-color: #FFFFFF; 
    float: left; 
    font-size: 18px; 
    height: 93px; 
    line-height: 60px; 
    padding-left: 20px; 
    width: 190px; 
}

但.social類將不下來，無論是在div停留在頂......這裏是HTML ..

<div class="social"> 
    <ul> 
      <li class="facebook"> 
       <a href="http://www.facebook.com/SurfTheCurve" target="_blank"></a> 
      </li> 
      <li class="twitter"> 
       <a href="https://twitter.com/SurfCurveTutor" target="_blank"></a> 
      </li> 
      <li class="email"> 
       <a href="mailto:[email protected]?subject=Website Enquiry" target="_blank"></a> 
      </li> 
    </ul> 
</div>

下面是一些其他的CSS

.social ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0 0 0 15px; 
} 

.social li { 
    float: left; 
} 

.social ul .facebook a { 
    background-image: url("images/facebook.png"); 
    background-position: right center; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    height: 35px; 
    text-decoration: none; 
    width: 35px; 
} 

.social ul .twitter a { 
    background-image: url("images/twitter.png"); 
    background-position: right center; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    height: 35px; 
    padding: 0 10px; 
    text-decoration: none; 
    width: 35px; 
} 

.social ul .email a { 
    background-image: url("images/email.png"); 
    background-position: right center; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    height: 35px; 
    padding: 0 10px; 
    text-decoration: none; 
    width: 35px; 
}

希望這有助於

來源

2012-09-30 user1269625

爲什麼會下降？ – PeeHaa

你的意思是「[go] down」？你是浮動的李的。你可能會讓你自己陷入DIV清算問題......但請更好地解釋你正在努力完成的事情。 – tmslnz

line-height需要文本（否則沒有行！）但您提供的HTML沒有任何文本，它們都只是空的<a>元素。

我在這裏做了一個jsFiddle：http://jsfiddle.net/7vcmC/（我不得不改變顏色設置），但我想那是你以後的效果？

來源

2012-09-30 01:12:10 Dai

+12

您不能確定用戶不希望鏈接在新選項卡中打開。我非常感謝gmail中的鏈接不會讓我遠離gmail。我認爲這取決於該應用程序。 –

我爲'input'按鈕添加了'line-height'，但它沒有在FF中應用它。爲什麼？ –

這對我有幫助。我需要的答案是：如果要更改鏈接的高度，請將行高放在「a」標記上。至少對我來說（Firefox）只是對容器div的樣式不會影響鏈接。 –

CSS行高不工作

回答

相關問題