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

标签 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

有什么建议吗?

最佳答案

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

关于javascript - 使用时按钮高度问题 字符换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3567345/

相关文章:

javascript - 正则表达式在正则表达式测试器上工作但不适合我

javascript - 如何将 --harmony Node 标志添加到 grunt-express

javascript - 使 three.js 脚本固定在可滚动页面中

html - 如何返回 XPath 表达式的单个字符串值?

javascript - 仅更改文本的不透明度

javascript - 通过单击 href url 加载新页面时不会调用 JavaScript 中的函数

html - CSS 边框折叠 div 中不同大小的边框

php - 如何在 PHP 中提供动态数据

javascript - 在两个属性上连接两个对象数组的更好方法?

javascript - 在 Twitter 时间轴嵌入上禁用媒体