[問題] Django註冊表單CSS排版問題

看板Web_Design作者 (如意)時間11月前 (), 編輯推噓2(204)
留言6則, 4人參與, 11月前最新討論串1/1
https://jsfiddle.net/khsjds/exvjtrcq/2/ 在練習使用Django,因為原本的樣式有點佔空間又有點醜 想活用他的signupview做出漂漂的排版 但是系統自動跑出來的表單無法改 想說用CSS有沒有什麼好辦法處理他 試了幾種display/float的組合最後覺得用display:table處理好像最美觀? 可是右上角的span太長了不太美觀(這算還好) 最崩潰的是左下角的ul/li與button好像因為display:table沒辦法跨欄 怎麼樣擺都不對,整個卡了兩三個小時... 不知道有沒有大師有辦法可以解決這個問題 還是說這個form有比display:table更好用的解法呢? 感謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.132.178.4 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1626215068.A.1EE.html

07/14 09:46, 11月前 , 1F
維持table排版的話,對form下相對定位,button絕對定位
07/14 09:46, 1F

07/14 09:48, 11月前 , 2F
button補個left:50% top:calc(100% + 10px) transform:t
07/14 09:48, 2F

07/14 09:48, 11月前 , 3F
ranslateX(-50%) 之類的
07/14 09:48, 3F

07/16 07:43, 11月前 , 4F
display: grid XD
07/16 07:43, 4F

07/16 15:10, 11月前 , 5F
沒有要用 RWD 的話就用 table 排呀
07/16 15:10, 5F

07/16 18:46, 11月前 , 6F
珍惜生命,遠離 table
07/16 18:46, 6F
文章代碼(AID): #1WxXAS7k (Web_Design)
文章代碼(AID): #1WxXAS7k (Web_Design)