[问题] 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