两个input标签对不齐?

0 0 css html
撒网要见鱼
撒网要见鱼

声望值:92 0人

2019-02-22 15:48:19 提问

关注 0关注

收藏 0收藏, 213浏览

请先 登录 后评论

4个回答

  • セ小猪佩奇107声望 2018-09-25 09:27

    你的text按钮中设置box-sizing: border-box;属性,这个属性导致盒子的大小是由盒子的边框开始计算。而submit按钮没设置这个属性,盒子的大小是由盒子的内容计算。实际上submit按钮比text高了2px。。解决方式是把text中的box-sizing: border-box;去掉,或者是给submit加上。 顺便提一下,盒子的内容不包括盒子的padding值,如果不加box-sizing: border-box;属性的话,计算方式是,内容+padding+border
    请先 登录 后评论
  • 飞翔的熊bla45声望 2018-09-25 09:27

    input元素 和display:inline-block同行的baseline的问题,可以给input加上vertical-align: top;来对齐
    请先 登录 后评论
  • ™霸气归来@123声望 2018-09-25 09:27

    第一种:给input都加个float;第二种:给input都加个vertical-align: top;第三种:给input{margin: 0;padding: 0;}就好了
    请先 登录 后评论
  • 星夜小筑155声望 2018-10-15 15:57

    vertical-align: top;//顶部对齐 vertical-align: middle;//中间对齐
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问