为了账号安全,请及时绑定邮箱和手机立即绑定

怎么能让多个文本框的框对齐

怎么能让多个文本框的框对齐

正在回答

3 回答

<!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>

text-align: right;  这个就是文字右对齐呀

0 回复 有任何疑惑可以回复我~
#1

WANGqiyu 提问者

非常感谢!
2015-11-18 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//564c05900001b11413660738.jpg就是这个中间的那几行,文字右边是对齐的,怎么做呢?

0 回复 有任何疑惑可以回复我~

你说的对齐指的是什么?你可以给一下你的代码,然后说明你想要的效果。

0 回复 有任何疑惑可以回复我~
#1

WANGqiyu 提问者

就是这个中间的那几行,文字右边是对齐的,怎么做呢?
2015-11-18 回复 有任何疑惑可以回复我~
#2

WANGqiyu 提问者

http://img1.sycdn.imooc.com//564c05900001b11405000271.jpg
2015-11-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
表单美化
  • 参与学习       41153    人
  • 解答问题       151    个

本教程讲解表单美化,主要是对方法和思路的分享,让表单与众不同

进入课程

怎么能让多个文本框的框对齐

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信