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

图片说明

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

8个回答

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

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

将它们写在table表格里

 <!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: center;属性或者打&nbsp知道对齐,打表格也可以

qq_40285367
qq_40285367 弄一个大的div,套text-align: center
大约一年之前 回复

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

用户名:

直到三个文本框对齐

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何让文本框对齐
Panel b1=new Panel();rn Panel b2=new Panel();rn Panel b3=new Panel();rn Label l_idCard=new Label("IDCard:");rn TextField tf_idcard=new TextField(20);rn Label l_familyadd=new Label("FamilyAddress:");rn TextField tf_familyadd=new TextField(20);rn rn b1.add(l_idCard);rn b1.add(tf_idcard);rn add(b1);rn rn b2.add(l_familyadd);rn b2.add(tf_familyadd);rn add(b2);rn rn this.setLayout(new FlowLayout(FlowLayout.LEFT));rn如题
文本框对齐的问题
rn rn rn rn rn rn rn rn 它是一个层要求定位到该TD的顶部rn rn rn rnrnrn目前通过valign="bottom"使得表格内的内容底部对齐了,但是要求是,那个demo层 在该表格的TD中,顶部对齐,rn请问能实现吗?
文本框和文字垂直居中对齐
1.当文字和文本框不垂直居中,只需在文本框中加vertical-align:middle;立刻能解决问题. 2.文本框输入的文字没在框垂直居中处,而是偏上显示或者是偏下显示,加line-height值和文本框高度相同即可。 3.多个文本框不对齐,强制给文本框加高度,如防止溢出加overflow:hidden;即可。...
文本框与说明文字对齐
表单说
关于css样式,文本框对齐
rn 昵称 rn 密码 rn 确认密码 rn 性别男rn 女rn rn本人新手,要将文本框垂直居中对齐,文字紧靠文本框,怎么写css代码,求指导!
文本框与图片底部对齐
当图片与文本框高度不一致且两者在一行时,会造成两者底部不在同一水平线上,多数是文本框询问低于图片。   &amp;lt;img src=&quot;&quot; align=&quot;absmiddle&quot;/&amp;gt;   即可使图片与文本框在同一水平线上。...
关于文本框对齐到网格的问题
现在在excel中插入了textbox文本编辑框,请问如何才能固定他的位置,让它不被任意拖动啊?谢谢各位啦。。。
文本框对齐问题在线等
怎么样把那三个框框对齐呢就是:贴现申请人\到期日\机构三个对齐;rnrnrnrn rn rn 贴现申请人: rn rn 承兑人: rn rn rn rn rn 到期日: rn 等于rn 大于rn 小于 rn rn rn 托收时间: rn rn 等于rn 大于rn 小于 rn rn rn 票据金额: rn rn 等于rn 大于rn 小于 rn rn rnrnrn rn rn 机构 rn rn rn rn rn rn 开始日期rn rn rn 结束日期rn rn rn 票据种类rn rn 全部rn 银票rn 商票 rn rn rn rn rn 查询范围rn rn 本机构 rn 全辖 rn rn rn rn rn rn rn rn rn rn rn rnrn rn 退票发生查询rn rn rnrnrnrnrn
HTML如何对齐多个表单中的文本框
表单代码如图,还没有加入样式表,表单没有对齐,比较难看,但是HTML又没有提供表单对齐的标签或功能。 html源代码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>massage-board</title> </head> <body> <form action="board.ph
如何让input文本框和图片对齐
在默认情况下,input文本框和图片无法自然对齐,总会有所偏差,文本框往往会比图片要往下边一点,只要给元素添加vertical-align:bottom即可令两者底部水平对齐,代码如下: <input type="text" style="vertical-align:bottom"> <img src = "images/露琪亚.jpg" width = "50%" height
如何让文本框里的内容靠右对齐
请教,谢谢!
如何让文本框中的文本靠右对齐
rn请指点
css实现表单文本框对齐
label { float: left; width: 10em; margin-right: 1em; text-align: right; } name: age: phone: address: 将label设置左浮动,label就会跑到左边,同时label会变成内联块(相当于display:inline-block)元素,就可以给label设置widt
关于文字与文本框对齐的难题
我有如下html代码,想让显示出来的文字对齐,我总是在IE中对齐了在firefox中就对不齐,在不增加或减少标签的情况下,只靠样式的改变,怎么实现文字对齐?rnrnrnrn rn 无标题文档rnrnrnrn rn rn 共有:条记录共有:条记录条记rnrn rn 首页rnrnrnrnrn
css 文本框和按钮(图片)对齐的问题
img元素的css有个vertical-align属性 用来控制图片的对齐方式它的默认值是baseline 这样图片的底部会对齐文本的baseline 而且文本的baseline并不是文本的底部 input又正巧是放文字用的 所以img默认并不会对齐input的中线所以解决这个问题就可以直接设置图片以middle方式对齐就可以了 如:&amp;lt;input type=&quot;image&quot; style=&quot;ve...
关于文本框与旁边的文字对齐问题。
我的文本输入框与说明文字要求处于水平位置,如下图:rnrn 内容:--------------------------------------------------rn | |rn | |rn | |rn | |rn --------------------------------------------------rnrn但我的html如下:rn rn rn 内容:rn rnrn显示效果如下:rnrn --------------------------------------------------rn | |rn | |rn | |rn | |rn 内容: --------------------------------------------------rnrnrn“内容”二字出现在底部,请问我如何才能达到上面第一个的效果?rn
html对齐
html使用align属性控制对齐 align:content 通过改变属性的值,进行不同的对齐方式
HTML 表格对齐问题
麻烦各位高人帮帮忙,我想做一个HTML的表格,第一行有四格,第二行有三格,第一行四个格子分别占空间的20%,20%,20%,40%,第二行三个格子分别占空间的33%,33%,33%,我试着写了写。。。总是不对啊,前几个格子上下总是对其,请问是不是有什么语句可以让上下两行不对齐啊?谢谢!!我写的代码如下rnrnrn testrnrnrnrn rn rn rn7rnrn rn8rnrn rn9rnrn rn10rnrnrn rn rn6rnrn rn7rnrn rn8rnrnrnrnrn rn
请问怎样将文本框垂直对齐?
请问怎样将文本框垂直对齐?
页面中验证码和文本框不对齐的情况
小白昨天晚上写代码,遇到了验证码与相对应的input文本框不对齐的情况,这还了得,小白立马打开度娘。输入这个问题。才发现问题是如此的简单。` 代码如下。“`ValidateCode, #imgId { vertical-align:middle; }`
如何使文本框中的文字垂直居中对齐.
我的文本框高度是16px,现在输入中文的时候会靠上对齐,而输入数字的话上居中的,请问怎么解决,谢谢。
文本框中的字符怎么能上下对齐呢?
我在文本框输入“上下对齐”四个字怎么让他上下居中呢?
网页中文本框和按钮的水平对齐
方法是对需要对齐的input元素使用 vertical-align
页面显示,图片和文本框对齐的方式
对齐方式有好多种,碰巧找到了这个标签。记录一下。 vertical-align:middle vertical-align:middle 
文本框如何能对齐?(在线等,着急!!!!!)
文本框的前面有一些文字,文字不一样长,所以文本框不是对齐的,用什么代码能让他对齐呢?rn像下面这样的文字:他们每个后面都有一个文本框,怎么能对齐呢?rnrn清理时间 rn看守火场人力 rn结论:rn扑火总人力 rnrn
设置文本框中段落的对齐方式
请问Excel如何设置插入的文本框中各个段落的对齐方式?那位大侠帮忙看一下rn在录制的宏中看不到操作的内容rn如下所示:rn[b][align=left]第一行左对齐[/align]rn [align=center]第二行居中对齐[/align]rn [align=right]第三行右对齐[/align][/b]
如何改变文本框中文本的对齐方式
请教如何让文本框Edit中的文字右对齐或是居中对齐呢?谢谢
文本框中的内容能不能居中对齐?
文本框中的内容默认下是左对齐,文本框中的内容能不能居中对齐?
按钮ImageButton控件与文本框如何对齐?
在使用ImageButton控件与文本框时,两者之间无法对齐,表现为:ImageButton老是偏上显示。请问怎么解决 ?
HTML文本框文字对齐方式(CSS vertical-align 属性)
HTML文本框文字对齐方式(CSS vertical-align 属性)1、baseline:默认。元素放置在父元素的基线上。2、sub:垂直对齐文本的下标。3、super:垂直对齐文本的上标4、top:把元素的顶端与行中最高元素的顶端对齐5、text-top:把元素的顶端与父元素字体的顶端对齐6、middle:把此元素放置在父元素的中部。7、bottom:把元素的顶端与行中最低的元素的顶端对齐8、
让文本框,图片和文字居中对齐,使用CSS来做,谢谢
怎么样才能让文本框,图片,和文字 居中对齐呢,因为高度不同,我想让它们居中对齐,有没有好的建议啊,谢谢rnrn rn rn rn rn 繁体rn rnrn
如何让图片和左边的文本框上下居中对齐?
rnrnrn rn rnrn rnrn rnrnrn rnrnrnrnrn
Tedit文本框的对齐方式.默认是向左对齐,能不能设置为向右对齐呢?
-
Html对齐问题,求帮助
就是想做好例如:rn[属性]rn属性个1: abc2rn属性家了哦2: defet336rn属性3: ghi7rn[功能]rn功能噶迫1: jk1rn功能2: aga7rn功能太3: 64ghirnrnrn就是想做到上面这样的,我原本想用 ,但后来发现中间那个"[功能]"加不进去,会直接加到最上面去了。rn恳请大家帮帮忙,有没有让他们对齐的方法?
html初级问题:文字对齐
三dfsdfrn sdfsdfsdfrn 345lj525 rn我想输出这样有空白的左对齐,应该怎么做?????
HTML居中对齐与垂直居中
一、设置子div水平对齐 首先要有个父容器设置为text-align:center; 其次它的子div的margin的左右边距一定要设置为auto,上下边距不做要求 要指定子div的宽度与高度。   二、设置元素垂直居中 1.本人比较推荐使用弹性盒子,主要是现在一般浏览器都支持,可以自动调节 将父容器加上display:flex;   flex-direction:column;   j...
html四列对齐
我有一批网址想做成一个超链接集成的网页rn效果是页面分成四列前两列左对齐,后两列右对齐可我不会那个,会做的给个代码,最简单的就行,谢了先, 另外我想点击一上链接直接用浏览器运行rn这代码(带参数)不知能否做到,代码如下rn[code=HTML]rnrnrnrn rn[/code]rn
我想让DIV居中对齐怎么修改???.
[img=http://img.my.csdn.net/uploads/201211/10/1352546157_2208.png][/img]
html文字居中对齐显示
文字居中对齐显示 汉乐府《长歌行》 百川东到海,何时复西归? 少壮不努力,老大徒伤悲. 效果
【Html】段落排版--对齐
想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?在后面会讲到。) h1{ text-align:center; } 了不起的盖茨比 同样可以设置居左: h1{ text-align:left; } 了不起的盖茨比 还可以设置居右: h1{ text-align:right;
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件