[問題] Django註冊表單CSS排版問題 khsjds PTT批踢踢實業坊

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

作者: khsjds (如意) 2021-07-14 06:24:22

https://jsfiddle.net/khsjds/exvjtrcq/2/
在練習使用Django，因為原本的樣式有點佔空間又有點醜
想活用他的signupview做出漂漂的排版
但是系統自動跑出來的表單無法改
想說用CSS有沒有什麼好辦法處理他
試了幾種display/float的組合最後覺得用display:table處理好像最美觀？
可是右上角的span太長了不太美觀（這算還好）
最崩潰的是左下角的ul/li與button好像因為display:table沒辦法跨欄
怎麼樣擺都不對，整個卡了兩三個小時...
不知道有沒有大師有辦法可以解決這個問題
還是說這個form有比display:table更好用的解法呢？
感謝

作者: nick8195 (煎餅) 2021-07-14 09:46:00

維持table排版的話，對form下相對定位，button絕對定位button補個left:50% top:calc(100% + 10px) transform:translateX(-50%) 之類的

作者: lin009 (lin009) 2021-07-16 07:43:00

display: grid XD

作者: Rplus (R+) (9527) 2021-07-16 15:10:00

沒有要用 RWD 的話就用 table 排呀

作者: brianwu1201 (bunny29) 2021-07-16 18:46:00

珍惜生命，遠離 table

作者: khsjds (如意) 2021-07-19 13:07:00

感謝n大大用相對定位跟translateX解決了系統輸出是直接丟form 看起來是沒辦法加東西所以只能用CSS另外動手腳

繼續閱讀