如果这个问题被问到,我很抱歉,但我找不到完全相同的问题。如W3schools所说,height属性不包括填充,边框或边距!所以这里有一个简单的样式声明:
input { width:180px; height:18px; padding:7px; border:1px solid black; }
这里是html:
<input type='text' name='text' value='194px by 32px' /><br /> <input type='submit' name='button' id='button' value='180px by 18px' />
文本字段预期为194像素×32像素,但提交按钮为180像素×18像素。显然,我只能增加身高按钮的宽度是填充的两倍,但是我想了解为什么会有差异。我在这里做了一个jsfiddle:http://jsfiddle.net/RRf5A/.谢谢你的帮助。我已经尝试过< button>而不是输入提交,并显示:inline-block。
解决方法
原文地址:https://www.jb51.cc/html/232847.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。