[问题] 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另外动手脚

继续阅读