2012-08-16 27 views
0

我有一個按鈕,使用錨標籤和顯示:塊; (所以整個按鈕在cickable中)按鈕中斷行嗎?

我想在按鈕中添加一個換行符(用於樣式目的),並通過display:block來實現此功能。屬性。問題在於顯示:塊的按鈕部分;財產分配變得不可點擊。

這裏是我的代碼:

HTML

<a href="#"> 
    <span class="top">Connected To</span> 
    <span class="bottom">Relationships</span> 
</a> 

CSS

a{ 
     display:block; 
     padding:5px 20px; 
    } 
    .top{ 
     display:block; 
     font-size:15px; 
    } 
    .bottom{ 
     font-size:25px; 
     font-weight:bold; 
    } 

任何想法?

回答

3

即使此代碼可能比它需要的更復雜,it works just fine。也許你的問題在別的地方。

+0

我使用的是字體的cufon,會有什麼影響? – 2012-08-16 18:31:27

+1

@ShahmeerNavid:可能。您應該發佈*精確*設置(最好是JSfiddle),否則很難看到人們如何提供幫助。 – Jon 2012-08-16 18:40:05

0

是否有任何一種奇怪的行高設置,你可能已經應用了cufon風格?