2014-02-12 72 views
0

我想將文本垂直對齊按鈕的頂部,但我不想在按鈕內使用任何跨度或div。如何操作? vertical-align:top不利於將文本對齊頂部的按鈕,而不使用跨度裏面

按鈕裏的文字都將是多,這是不是文字可以改變....這可以僅佔據第一線或者是multiline..So我不能修復一些填充的fixed.Length

+1

你有沒有試過'padding-top:0px;'? – tec4

回答

0

將按鈕的padding-bottom設置爲75%。這將推動文本。

0

如果你想要堅持到頂部,你可以添加填充到按鈕,然後拿走按鈕頂部的填充。

.btn { padding: 10px; padding-top: 0px;} 

這裏有一個例子:http://jsfiddle.net/LJ3NL/

+0

這對'

0

您可以設置爲line-heightbutton比給padding-bottom。這將垂直對齊頂部的文本。

+0

設置'line-height'爲什麼? – rvighne

+0

將線條高度設置爲按鈕,刪除按鈕中的頂部間距 – Arjun

0

試試這個

<input type="button" class="button" value="button" /> 

CSS:

.button { 
    background: #000000; 
    color: #FFF; 
    padding-bottom:60px; 
    height:100px; 
    } 

DEMO

+0

所有額外樣式都有什麼用處? – rvighne

+0

@rvighne:我編輯過額外..! –

+0

@rvighne:我的回答不正確嗎? –

0

請這個CSS嘗試

input {height:auto; padding-bottom:30px; } 

enter image description here