已解決430363個問題，去搜搜看，總會有你想問的

IE瀏覽器表單上下文字對齊問題

關注

首頁猿問 IE瀏覽器表單上下文字對齊問題

IE瀏覽器表單上下文字對齊問題

CSS3 前端工具

qq_Sunflower_193134944 2017-02-19 17:26:47

表單里，上下文字用戶名，密碼，郵箱等文字該怎么對齊？兩個文字我是家空格，即加&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}

上個效果圖：

2 反對回復 2017-02-19

1 回答
0 關注
1976 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

IE瀏覽器表單上下文字對齊問題

IE瀏覽器表單上下文字對齊問題

1 回答

添加回答