css浏览器兼容问题集锦_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css浏览器兼容问题集锦_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含945字，纯文字阅读大概需要2分钟。

内容图文

input{ border:none; }

.btn{ ...; display:inline-block; }

.btn{ line-height: 35px; padding: 0px 30px; } ①

解决方案：

.btn{ height: 35px; line-height: 35px; width: 90px; vertical-align: middle; text-align: center; } ②

width和height限制按钮的宽和高，line-height和vertical-align:middle是让文字垂直居中，text-align:center让文字水平居中。

图片描述：

1 2 分别对应①②代码

2、问题：表单的输入框、文本、验证码图片没有对齐

form p{ margin-bottom: 10px;}
.label{ width: 100px; text-align: right; padding-right: 5px; display: inline-block; }
.ipt{ height: 40px; width: 210px; border: 1px solid #dcdcdc; } （注意这里input的高度使用height。在ie中line-heigh不能撑开input的高度，firefox和chrome可以）
.imgCode{ height: 40px; width: 70px; display: inline-block; cursor: pointer; }

①

解决方案：

添加.label，.ipt，.imgCode的属性 { vertical-align: middle; } ②

图片描述：

内容总结

以上是互联网集市为您收集整理的css浏览器兼容问题集锦_html/css_WEB-ITnose全部内容，希望文章能够帮你解决css浏览器兼容问题集锦_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端