[問題] 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另外動手腳

Links booklink

Contact Us: admin [ a t ] ucptt.com