将文本对齐到按钮顶部而不使用其中的跨度

Question

我想将文本垂直对齐到按钮顶部，但我不想在按钮内使用任何span或div。我该怎么做？ vertical-align:top无效

按钮内的文字将是多行的并且不是固定的。文本的长度可以变化....它可以只占用第一行或多行。所以我无法修复一些填充

Answer 1

将按钮的padding-bottom设置为75％。这将推动文本。

Answer 2

如果你想要贴在上面的东西，你可以在按钮上添加填充，然后拿走按钮顶部的填充。

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

这是一个例子：http://jsfiddle.net/LJ3NL/

Answer 3

您可以为line-height设置button，而不是padding-bottom。这将垂直对齐文本到顶部。

Answer 4

试试这个

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

CSS：

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

DEMO

Answer 5

请这个css试试吧

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