【CSS】Intermediate6:Display

1display :inline/block/none

2.inline value

Cause all list items in a list to appear next to each other in one continuous line

rather than each one having its own line.

3.Block

Make a box standalone,fitting the entire width of its containing box,with an effectve line break before and after it.

 

4.inline-block(行内块）

keep a box inline but lend the greater formatting flexibility of block boxes,allowing margin to the right and left of the box.

 

5.none

doesn't display a box at all.Take the element'x box completely out of play.

visibility:hidden——Keep the box and its flow in place

 

6.Table

table-row=tr

talbe-cell=td

talbe-column

table-clolumn-group

talbe-row-group

table-header-group

table-footer-group

table-caption

 

7.inline-table

set the table without line breaks before and after it

 

8.list-item

nested in ul/ol

9.run-in

depend on the display of its parent