input和button在同一行,但是没有水平对齐

同样是在完成百度前端学院任务:任务七,实现常见的技术产品官网的页面架构及样式布局 的时候。
在联系邮箱表单的时候:
主要是需要加上

vertical-align: middle;

解决方式参考代码

.contact-form input {
    width: 400px;
    height: 10px;
    padding: 15px 10px;
    border: none;
    vertical-align: middle;   //谷歌不加这行显示正常,但是IE不正常
}

.contact-form button {
    display: inline-block;
    line-height: 40px;
    background-color: #6f7178;
    color: #fff;
    width: 80px;
    border: none;
    font-size: 15px;
    margin-left: -4px;
    vertical-align: middle;  //不加这行,IE和谷歌都显示不正常,谷歌偏上,IE偏下
}
}

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 160,139评论 24 690
  • 兰质蕙心远红尘,灵秀未得天下闻, 本将此身随海棠,终遇一人误终生。 伴君惟愿得顾盼,春风无信意难问, 此生缘浅如镜...
    很墨迹阅读 280评论 0 0
  • 只因有你 作者/猎头王 这样的日子 重新 勾勒你的记忆 鲜花衬托你的娇艳 阳光铺满你的温暖 春风送来你的温柔 而 ...
    纽森猎头王凡阅读 108评论 0 1
  • 天气酷热,人也跟着热,随之而来的是心境变浮躁。只要躁,基本上你就废了,饭也吃不香,茶也喝不好,觉也睡不香。脑袋里总...
    鸡仔说阅读 156评论 0 0
  • 你来时那天下着雨 滋润着我的心扉 你走时那天刮着风沙 冲刷着我的面庞 风沙的痛和雨雪的甜 和你一起闯进我的心里 它...
    心学后生阅读 359评论 1 3