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

像这样的样式怎么实现？是从后台动态取出，每个方块都有一个栏目显示，像这样排列

回复讨论(解决方案)

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个，这循环怎么搞？

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

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

亏了，很低的分。。。

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

亏了，很低的分。。。

不亏，都给你吧