使用 时按钮高度问题换行符
我正在使用 char 在按钮标签中进行换行。 这是代码：
<html>
<input style='width: 50px;height:60px;' type='button' value="abc" />
<input style='width: 50px;height:60px;' type='button' value="abc asd" />
</div>
问题是一个按钮有 他的标签中的字符与第二个按钮的行高度不同。 仅当我设置按钮上的宽度和高度时才会发生这种情况。 它看起来是这样的： http://jenya.moroshko.com/buttontest.html
有什么建议吗？
i'm using the
char to make a line break in a button label.
here is the code:
<html>
<input style='width: 50px;height:60px;' type='button' value="abc" />
<input style='width: 50px;height:60px;' type='button' value="abc
asd" />
</div>
the problem is that a button that's has the
char in his label is not in the same height on the line as the second button.
it only happens when i set the width and the height on the buttons.
here is how it looks:
http://jenya.moroshko.com/buttontest.html
any suggestions?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我不知道你能做到！它们是未对齐的，因为默认情况下按钮与它们内部文本的基线对齐 - 在您的情况下，浏览器会选择文本的底线。如果仔细观察，您会发现基线对齐。您可以使用
vertical-align: middle/top/bottom来解决这个问题。I didn't know you could do it! They are misaligned, because by default buttons are aligned to the basline of text inside them -- and in your case the browser chooses the bottom line of text for that. If you look closely, you will notice that the baselines align. You can work around that by using
vertical-align: middle/top/bottom.