电话
13363039260
CSS如何实现表单label的两端对齐
2024-01-17 16:06 小编
代码：
<ulclass="g-formlist">
<li>
<labelclass="mark">姓名</label>
<divclass="write">
<inputtype="text"id="form-name"class="g-text-entry"placeholder="请输入4-10字符"/>
<spanclass="tip"data-initial="请输入4-10字符"></span>
</div>
</li>
<li>
<labelclass="mark">密码</label>
<divclass="write">
<inputtype="text"id="form-psw"class="g-text-entry"placeholder="请输入6-30字符"/>
<spanclass="tip"data-initial="请输入6-30字符"></span>
</div>
</li>
<li>
<labelclass="mark">确认密码</label>
<divclass="write">
<inputtype="text"id="form-repsw"class="g-text-entry"placeholder="请再输入一遍密码"/>
<spanclass="tip"data-initial="请输入6-30字符"></span>
</div>
</li>
<li>
<labelclass="mark">验证码</label>
<divclass="write">
<inputtype="text"id="form-imgcode"class="g-text-entrydisabled"disabled="disabled"placeholder="输入验证码"/>
<spanclass="tip"data-initial="请输入验证码"></span>
</div>
</li>
</ul>
li{
clear:both;
list-style:none;
}
.mark{
display:block;
float:left;
overflow:hidden;
width:78px;
height:29px;
padding-right:10px;
text-align:justify;
text-align-last:justify;
line-height:2;
}
猜你喜欢
联络方式：
13363039260
微信二维码 