首頁(yè) 猿問(wèn) IE瀏覽器表單上下文字對(duì)齊問(wèn)題

IE瀏覽器表單上下文字對(duì)齊問(wèn)題

CSS3 前端工具

qq_Sunflower_193134944 2017-02-19 17:26:47

表單里，上下文字用戶名，密碼，郵箱等文字該怎么對(duì)齊？?jī)蓚€(gè)文字我是家空格，即加&nbsp，來(lái)和三個(gè)文字對(duì)齊的，但是這方法在IE里還是對(duì)不齊，該怎么解決？圖1是火狐和谷歌里，能對(duì)齊，圖2是IE里，怎么對(duì)齊？謝謝。。。

查看完整描述

1 回答

已采納

習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊

HTML可以寫(xiě)成這樣如：

<ul?class="form">
????<li>
????????<span>用戶名：</span>
????????<div?class="value"><input?type="text"?/></div>
????</li>
</ul>

然后寫(xiě)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}

上個(gè)效果圖：