作者khsjds (如意)
看板Web_Design
標題[問題] Django註冊表單CSS排版問題
時間Wed Jul 14 06:24:22 2021
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://webptt.com/m.aspx?n=bbs/Web_Design/M.1626215068.A.1EE.html
1F：推 nick8195: 維持table排版的話，對form下相對定位，button絕對定位 07/14 09:46
2F：→ nick8195: button補個left:50% top:calc(100% + 10px) transform:t 07/14 09:48
3F：→ nick8195: ranslateX(-50%) 之類的 07/14 09:48
4F：推 lin009: display: grid XD 07/16 07:43
5F：→ Rplus: 沒有要用 RWD 的話就用 table 排呀 07/16 15:10
6F：→ brianwu1201: 珍惜生命，遠離 table 07/16 18:46
7F：→ khsjds: 感謝n大大 用相對定位跟translateX解決了 07/19 13:07
8F：→ khsjds: 系統輸出是直接丟form 看起來是沒辦法加東西 07/19 13:08
9F：→ khsjds: 所以只能用CSS另外動手腳 07/19 13:09