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

IE浏览器表单上下文字对齐问题

IE浏览器表单上下文字对齐问题

表单里,上下文字用户名,密码,邮箱等文字该怎么对齐?两个文字我是家空格,即加&nbsp,来和三个文字对齐的,但是这方法在IE里还是对不齐,该怎么解决?图1是火狐和谷歌里,能对齐,图2是IE里,怎么对齐?谢谢。。。
查看完整描述

1 回答

已采纳
?
习惯受伤

TA贡献885条经验 获得超1144个赞

HTML可以写成这样如:

<ul class="form">
    <li>
        <span>用户名:</span>
        <div class="value"><input type="text" /></div>
    </li>
</ul>

然后写CSS:

*{margin:0;padding:0;}
ul.form{overflow:hidden;margin-top:40px;}
ul.form li{display:block;overflow:hidden;clear:both;}
ul.form li span{ width:100px; display:inline; float:left; line-height:24px; text-align:right;}
ul.form li div.value{ float:left; display:inline}

上个效果图:

//img1.sycdn.imooc.com//58a9865a0001cd2803180222.jpg

查看完整回答
2 反对 回复 2017-02-19
  • 1 回答
  • 0 关注
  • 1732 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信