2012-07-30 71 views
0

我一直在做一個按鈕的種類。不能移動按鈕內的文本

但是,我陷入了一個麻煩點。 。

當使它更小它推文開箱,我似乎無法把它放回

這裏有一個鏈接:http://jsfiddle.net/MichaelT/ByxRh/1/

任何幫助,將不勝感激。

謝謝!

+0

你需要多大?你想要固定還是改變內容大小? – Onheiron 2012-07-30 15:46:39

+2

'p.speech'上的行高導致垂直間距。 – j08691 2012-07-30 15:48:48

+0

,你應該添加一個位置:relative; z-index:1;在跨度,這樣的文字將不會被隱藏 – Onheiron 2012-07-30 15:51:39

回答

2

它看起來像行高被設置爲p的高度的兩倍。

p.speech { 
    height:50px; 
    line-height:100px; 
} 

如果你簡單地設置p的行高度正是你想要的p出現,並沒有給它任何顯式高度的高度,它應該罰款:http://jsfiddle.net/ByxRh/16/

p.speech { 
    line-height:50px; 
} 
+0

這個伎倆!謝謝 – Michael 2012-07-30 15:58:22

1

jsfiddle

這裏是你的代碼的更新版本。只要嘗試搞清楚高度,字體大小等,直到你得到它想要的。

+0

這也有訣竅!謝謝。 – Michael 2012-07-30 15:58:38