欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

这样的样式怎么实现?_html/css_WEB-ITnose

程序员文章站 2022-04-30 14:15:54
...
像这样的样式怎么实现?是从后台动态取出,每个方块都有一个栏目显示,像这样排列


回复讨论(解决方案)

css3还是css2?

见意去看看:CSS3 transform

transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(9deg); /* Opera */

css3旋转45度
transform:rotate(45deg);

css3旋转45度
transform:rotate(45deg);


旋转后不要紧凑的排在一起,而是有空白

无标题文档


css3旋转45度
transform:rotate(45deg);


旋转后不要紧凑的排在一起,而是有空白
要空白用margin调整啊

css3还是css2?



transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(9deg); /* Opera */



无标题文档

我的是从上到下的排,就是排左边2个,再排右边1个,再排左边2个,这循环怎么搞?

无标题文档

无标题文档

大神,不好意思,你没懂我的意思,我的意思从上到下,从左到右的走,像这样:


无标题文档

大神,不好意思,你没懂我的意思,我的意思从上到下,从左到右的走,像这样:
无标题文档
亏了,很低的分。。。



无标题文档

大神,不好意思,你没懂我的意思,我的意思从上到下,从左到右的走,像这样:
无标题文档
亏了,很低的分。。。
不亏,都给你吧