[请益] 请问如何用普通的CSS做出这样的Grid呢?

楼主: hoyunxian (WildDagger)   2023-03-11 23:08:47
如题
想用普通的HTML和CSS做出下面这个样子的版型
https://images.plurk.com/4pYjR6aHG84rJtBFip2VE8.png
HTML我目前是写成这样
https://images.plurk.com/dNKNQcDuI8mdcA0MyZ6G0.png
CSS虽然有参考网络上面写的Grid指令
https://images.plurk.com/m3RHcOOgjwJBcSltol6n7.png
不过写成这样在浏览器看起来跟我想要的效果差很多Orz
https://images.plurk.com/7MtpQsFpzskctyKVUerg1g.png
不知道应该怎样去修改它比较好Orz
还是我应该改成用Flex去弄比较好呢……
作者: ReadSnow (AnnyCat)   2023-03-12 02:51:00
flex跟gap也可以做到,如果你习惯用flex的话
作者: t520131412 (羽)   2023-03-12 10:30:00
为什么code不放codepen哩?
作者: VdustR (京)   2023-03-14 00:56:00
grid-area

Links booklink

Contact Us: admin [ a t ] ucptt.com