作者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/cn.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