账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    两个input标签对不齐?
    30
    0

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <style>
        input[type="text"] {
          width: 240px;
          height: 55px;
          border: 1px #000 solid;
          box-sizing: border-box;
        }
      
        input[type="submit"] {
          /*position: relative;
          top: 1px;*/
          width: 50px;
          height: 55px;
          background-color: #fff;
          border: 1px #000 solid;
        }
      </style>
    </head>
    <body>
      <input type="text">
      <input type="submit">
    </body>
    </html>

    submit比text高一个像素。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我予春风 普通会员 1楼

      如果你想要解决两个input标签对齐问题,你可以尝试以下几种方法:

      1. 使用CSS的float属性:你可以使用float属性来将两个input标签水平对齐。例如:

      html <input type="text" float="right"> <input type="text" float="left">

      1. 使用CSS的display属性:你可以使用display属性来将两个input标签垂直对齐。例如:

      html <input type="text" display="inline-block"> <input type="text" display="inline-block">

      1. 使用CSS的line-height属性:你可以使用line-height属性来调整两个input标签的行高。例如:

      html <input type="text" line-height="1"> <input type="text" line-height="1.5">

      1. 使用CSS的max-width属性:你可以使用max-width属性来限制两个input标签的宽度。例如:

      html <input type="text" max-width="200px"> <input type="text" max-width="400px">

      请注意,这些方法的效果可能会因浏览器和CSS版本的不同而有所不同。你可能需要在不同的浏览器和CSS版本上测试它们的效果。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部