[問題] <ul><li>input CSS 樣式設定

看板Web_Design作者 (Molly 茉莉花花)時間15年前 (2010/09/20 23:35), 編輯推噓3(305)
留言8則, 5人參與, 最新討論串1/1
請問要如何讓<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

09/20 23:47, , 1F
文字部份用LABEL包 也符合無障礙 然後下LABEL樣式
09/20 23:47, 1F

09/20 23:48, , 2F
不使用LABEL的話 就只能用相對定位的方式設定LEFT
09/20 23:48, 2F

09/21 00:37, , 3F
改用table最快
09/21 00:37, 3F

09/21 00:59, , 4F
網路上很多解答, 隨便找一個給你參考.
09/21 00:59, 4F

09/21 00:59, , 5F

09/21 01:00, , 6F
另外, 一樓說的沒錯, 你該用 label .
09/21 01:00, 6F

09/21 08:43, , 7F
dl,dt,dd可以參考看看
09/21 08:43, 7F

09/21 22:09, , 8F
純粹這樣的話 收件人前面加個全形空白 最快
09/21 22:09, 8F
文章代碼(AID): #1CbtykmA (Web_Design)