表单元素对齐

为什么麻烦？

　　默认样式不统一：浏览器对于部分html标签的默认样式是有区别的，在表单元素这一块的样式更是五花八门，为所欲为。这样就会造成不管怎样调整，计算宽高，表单门都对不齐。

　　chrome下input的默认样式：border:2px; padding: 1px 0;

　　火狐下input的默认样式：border:0.8px; padding: 1.6px;

 解决方案

　　一个公共的css文件中通常有两个部分：1，reset：重置默认样式。2，common：常用的公共的样式。

　　在css中将所有页面中用到的表单元素的padding/margin/border全部覆盖初始为0，之后重新设置需要的值就好了。

转载于:https://www.cnblogs.com/keliguicang/p/10952046.html