清水鼻涕泡 2018-09-08 07:29 采纳率: 100%
浏览 7117
已采纳

html 5 文本框对齐问题 想让这三个文本框对齐了

图片说明

如图我想让这三个文本框对齐了 怎么办呢 求解答

  • 写回答

8条回答 默认 最新

  • 天际的海浪 2018-09-08 08:17
    关注
    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
.text {
    display: inline-block;
    width: 200px;
}
</style>
</head>
<body>
<div style="text-align: center;">
    <h2><span class="text">用户名：</span><input type="text"/></h2>
    <h2><span class="text">密码：</span><input type="text"/></h2>
    <h2><span class="text">确认密码：</span><input type="text"/></h2>
</div>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • qq_39646145 2018-09-08 08:32
    关注

    将它们写在table表格里

    评论
  • devmiao 2018-09-08 15:46
    关注
     <!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
    <title> xxx</title>
    <style>
        label{
            display: inline-block;
            width: 100px;
            text-align: right;
        }
        div{
            padding: 5px 0;
        }
    </style>
</head>
<body>
<form action="">
    <div>
        <label for="t1">xxxx</label>
        是<input id="t1" type="radio"> 否<input type="radio">
    </div>
    <div>
        <label for="t2">xxxxxxxx</label>
        是<input id="t2" type="radio"> 否<input type="radio">
    </div>
    <div>
        <label for="t3">xxxxxxxxxxxxx</label>
        是<input id="t3" type="checkbox">
    </div>
    <div>
        <label for="t6">xxxx</label>
        <input id="t6" type="text">
    </div>
    <div>
        <label for="t4">xx22123xx</label>
        <input id="t4" type="text">
    </div>
    <div>
        <label for="t5">xxxx</label>
        <select name="" id="t5">
            <option value="">1value</option>
            <option value="">2value</option>
            <option value="">3value</option>
            <option value="">4value</option>
        </select>
    </div>
</form>
</body>
</html>
    评论
  • 神毓逍遥- 2018-09-08 07:45
    关注

    加个“”&nbsp“”吧！直到能对齐就行了

    评论
  • small_horizon 2018-09-10 07:50
    关注

    可以调整标签的左外边距,如:

    用户名:

    直到三个文本框对齐

    评论
  • smile_zls 2018-09-11 01:38
    关注

    杀伤力很强的一个方法，margin，padding

    评论
  • yangxuejingwu 2018-09-12 14:53
    关注

    你这个后面的框是一样的大的，就把你的text-align: center改成text-align: right就行了啊，靠右对齐。

    评论
  • qq_40285367 2018-09-10 05:17
    关注

    添加text-align: center;属性或者打&nbsp知道对齐，打表格也可以

    评论
查看更多回答(7条)

报告相同问题？

问题事件

  • 已采纳回答 8月27日

悬赏问题

  • ¥15 QT 实现 RSTP 语音对讲功能
  • ¥50 AES魔改之后的安全性关于PRF（相关搜索：密码学）
  • ¥15 有没有谁能高分通过 reCaptcha v3验证，国外网站。有兴趣留言，有偿。
  • ¥15 用C语言写的一个程序遇到了两个问题第一是偏移正确但读取不到坐标，第二个问题是自己定义的函数实现不了获取指定进程模块。
  • ¥15 在安装Anaconda时总是闪退怎么办?
  • ¥15 对图中电路进行以下几个方面的分析
  • ¥15 对图中电路进行以下几个方面的分析
  • ¥15 对图中电路进行以下几个方面的分析
  • ¥15 对图中电路进行以下几个方面的分析
  • ¥500 抖音主页视频预存加载卡bug