作者niniangel (Molly 茉莉花花)
看板Web_Design
標題[問題] <ul><li>input CSS 樣式設定
時間Mon Sep 20 23:35:08 2010
請問要如何讓<ul><li>內的文字和input
每一列文字長度不同也都對齊呢？
內容如下：
<ul>
<li>收件人:<input name="a" id="a" type="text" /></li>
<li>連絡電話：<input name="a" id="a" type="text" /></li>
<li>收件地址: <input name="a" type="text" id="a" /></li>
</ul>
要如何讓收件人的input欄位也和連絡電話及收件地址的input一起對齊呢？
因為收件人三個字比較少 所以input就會跟著往前
請大家幫幫忙~~~ 謝謝！
钔
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.136.249.74
推 Canboo:文字部份用LABEL包 也符合無障礙 然後下LABEL樣式 09/20 23:47
→ Canboo:不使用LABEL的話 就只能用相對定位的方式設定LEFT 09/20 23:48
→ superpai:改用table最快 09/21 00:37
→ andrew43:網路上很多解答, 隨便找一個給你參考. 09/21 00:59
→ andrew43:另外, 一樓說的沒錯, 你該用 label . 09/21 01:00
推 robert38:dl,dt,dd可以參考看看 09/21 08:43
推 rocky823:純粹這樣的話 收件人前面加個全形空白 最快 09/21 22:09