PTT數位生活區 / Web_Design

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

看板Web_Design作者 (如意)時間3年前 (2021/07/14 06:24), 編輯推噓2(2推 0噓 7→)
留言9則, 5人參與, 最新討論串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, 3年前 , 1F
維持table排版的話，對form下相對定位，button絕對定位
07/14 09:46, 1F
→
07/14 09:48, 3年前 , 2F
button補個left:50% top:calc(100% + 10px) transform:t
07/14 09:48, 2F
→
07/14 09:48, 3年前 , 3F
ranslateX(-50%) 之類的
07/14 09:48, 3F
推
07/16 07:43, 3年前 , 4F
display: grid XD
07/16 07:43, 4F
→
07/16 15:10, 3年前 , 5F
沒有要用 RWD 的話就用 table 排呀
07/16 15:10, 5F
→
07/16 18:46, 3年前 , 6F
珍惜生命，遠離 table
07/16 18:46, 6F
→
07/19 13:07, , 7F
感謝n大大 用相對定位跟translateX解決了
07/19 13:07, 7F
→
07/19 13:08, , 8F
系統輸出是直接丟form 看起來是沒辦法加東西
07/19 13:08, 8F
→
07/19 13:09, , 9F
所以只能用CSS另外動手腳
07/19 13:09, 9F
‣ 更多 khsjds 的文章
文章代碼(AID): #1WxXAS7k (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 khsjds 的文章
文章代碼(AID): #1WxXAS7k (Web_Design)