使用时按钮高度问题  换行的字符

时间:2010-08-25 15:09:12

标签: javascript html css button input

我正在使用  char在按钮标签中换行。 这是代码:

<html>

    

<input style='width: 50px;height:60px;' type='button' value="abc" />
<input style='width: 50px;height:60px;' type='button' value="abc&#10;asd" />
</div>

问题是有一个按钮  标签中的字符与第二个按钮的行高不同。 它只发生在我设置按钮的宽度和高度时。 这是它的样子: http://jenya.moroshko.com/buttontest.html

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我不知道你能做到!它们未对齐,因为默认情况下按钮与其中的文本基线对齐 - 在您的情况下,浏览器会选择文本的底线。如果仔细观察,您会注意到基线对齐。您可以使用vertical-align: middle/top/bottom

来解决这个问题