如何把这些文字对齐
日期：2014-05-16 浏览次数：20644 次
怎么把这些文字对齐？
没加入center元素的时候，显示是这样的，我现在想把里面的内容居中过去，然后在<legend>下添加了<center>元素
显示就变成这样了
想问下，怎么在居中的情况，让里面的文字对齐啊，这样的格式看着挺乱的
------解决方案--------------------
你可以考虑表格的实现方式，更容易控制。
没加入center元素的时候，显示是这样的，我现在想把里面的内容居中过去，然后在<legend>下添加了<center>元素<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
fieldset{
width: 664px;
height: auto;
border: 1px solid #d5d5d5;
padding-left: 20px;
}
legend{
color: #a53e91;
font-size: 20px;
font-family: "黑体";
}
label{
font-weight: bold;
}
form{
color: #787878;
}
</style>
</head>
<body>
<form id="form1" action="" method="post">
<fieldset>
<legend>填写信息</legend>
<br />
<br />
<center>
<label for="name3" class="juli">用户名: </label>
<input type="text" name="name01" id="name01" />
<span class="font02">（中文）</span>
<input type="text" name="name02" id="name02" />
<span class="font02">（拼音）</span>
<br />
<br />
<label for="bh" class="juli">Lee全球会员编号: </label>
<input type="text" name="bh" id="bh" />
<br />
<br />
<label for="pass01" class="juli">密码: </label>
<input type="password" name="pass01" id="pass01" />
<br />
<br />
<label for="pass02" class="juli">确认密码: </label>
<input type="password" name="pass02" id="pass02" />
<br />
<br />
<label for="zjzl" class="juli">证件类型: </label>
<select name="zjzl" id="zjzl">
<option id="zjzl1">身份证</option>
<option id="zjzl2">学生证</option>
</select>
<label for="zjhm">证件号码: </label>
<input type="text" name="zjhm" id="zjhm" />
<br />
<br />
<label><span class="juli">联系方式: </span>手机</label>
<input type="radio" name="dx" value="单选" id="dx_0" />
<label>座机</label>
<input type="radio" name="dx" value="单选" id="dx_1" />
<input type="text" name="dh" id="dh" />
<br />
<br />
</center>
</fieldset>
<input type="image" name="button" id="button" src="img/214.gif" />
</form>
</body>
</html>
显示就变成这样了
想问下，怎么在居中的情况，让里面的文字对齐啊，这样的格式看着挺乱的
------解决方案--------------------
你可以考虑表格的实现方式，更容易控制。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
