谁能解释一下,为什么<input>
和<a>
在Internet 9-11中有不同的高度(同时具有相同的字体、填充、边距和边框设置)?Firefox和Chrome渲染它们的高度相同。
下面是一个例子:
HTML
<input class="text" value="input"/>
<a class="text">button</a>
CSS
.text {
font-family: 'Arial';
padding: 7px;
font-size: 12px;
line-height: 1.4em;
border: 1px solid black;
display: block;
float: left;
width: 100px;
margin: 0;
}
和小提琴
在IE中有什么方法可以防止这样的行为吗?提前谢谢你。
发布于 2014-07-30 12:18:01
有一个类似的问题,这个问题已经得到了许多答案和18000的意见。我想你在那里也会找到解决办法的。
另外,你可以试着给他们两个人一个高度: XYpx,这样你就可以确保他们总是有相同的高度。我想给他们一个高度也会对你以后的造型更好。
我还发现了一个关于如何在不同浏览器中控制高度的问题。
https://stackoverflow.com/questions/25036557
复制相似问题