【问题标题】:Search button and textfield not on same baseline搜索按钮和文本字段不在同一基线上
【发布时间】:2012-05-22 02:09:56
【问题描述】:

为什么蓝色的搜索按钮和白色的文本框不是从相同的高度开始的?我怎样才能解决这个问题? 网址是...

问候, 凯文

【问题讨论】:

    标签: html css forms


    【解决方案1】:

    您的按钮和文本字段有不同的填充。

    将这种样式应用于提交按钮时,我的搜索栏看起来很漂亮:

    .blueButton {
      padding: 1px 0;
    }
    

    (编辑:根据 Chrome 的开发者工具,按钮上默认应用了“2px 6px 3px”填充)

    【讨论】:

    • 谢谢,我也是 :),但我用 1em 代替了 1px!
    【解决方案2】:

    只需删除 font-size: 1em; 就可以让它们为我对齐。因此,您可以调整字体大小或调整高度。

    【讨论】:

      猜你喜欢
      • 2020-07-11
      • 1970-01-01
      • 1970-01-01
      • 2017-05-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-04
      相关资源
      最近更新 更多