html标签向下向右,实现HTML页面元素从上往下，从左往右排序

从上往下，从左往右

html,body{ margin:0; border:0; padding:0; width:100%; height:100%; }

.parent{ display:block; background:gray; width:100%; height:100%; }

.parent{

-webkit-column-width:68px;

-moz-column-width:68px;

-webkit-column-gap:0px;

-moz-column-gap:0px;

}

.parent{

writing-mode: tb-lr;/*ie8 竖直排列*/

*white-space:nowrap;

}

.child{

display:inline-block;

*display:inline;

margin:10px 10px 10px 10px;

border:5px solid black;

padding:5px;

width:50px;

height:50px;

text-align:center;

background:lightblue;

writing-mode: lr-tb; /*ie8 竖直排列*/

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23