列出display的值并说明他们的作用？

43、列出display的值并说明他们的作用？
（1）display： none | inline | block | list-item | inline-block | table | inline-table | table-caption | table-cell | table-row | table-row-group | table-column | table-column-group | table-footer-group | table-header-group | run-in | box | inline-box | flexbox | inline-flexbox | flex | inline-flex
默认值：inline
（1）none： 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间
（2）inline： 指定对象为内联元素。
（3）block： 指定对象为块元素。
（4）list-item： 指定对象为列表项目。
（5）inline-block： 指定对象为内联块元素。（CSS2）
（6）table： 指定对象作为块元素级的表格。类同于html标签<table>（CSS2）
（7）inline-table： 指定对象作为内联元素级的表格。类同于html标签<table>（CSS2）
（8）table-caption： 指定对象作为表格标题。类同于html标签<caption>（CSS2）
（9）table-cell： 指定对象作为表格单元格。类同于html标签<td>（CSS2）
（10）table-row： 指定对象作为表格行。类同于html标签<tr>（CSS2）
（11）table-row-group： 指定对象作为表格行组。类同于html标签<tbody>（CSS2）
（12）table-column： 指定对象作为表格列。类同于html标签<col>（CSS2）
（13）table-column-group： 指定对象作为表格列组显示。类同于html标签<colgroup>（CSS2）
（14）table-header-group： 指定对象作为表格标题组。类同于html标签<thead>（CSS2）
（15）table-footer-group： 指定对象作为表格脚注组。类同于html标签<tfoot>（CSS2）
（16）run-in： 根据上下文决定对象是内联对象还是块级对象。（CSS3）
（17）box： 将对象作为弹性伸缩盒显示。（伸缩盒最老版本）（CSS3）
（18）inline-box： 将对象作为内联块级弹性伸缩盒显示。（伸缩盒最老版本）（CSS3）
（19）flexbox： 将对象作为弹性伸缩盒显示。（伸缩盒过渡版本）（CSS3）
（20）inline-flexbox： 将对象作为内联块级弹性伸缩盒显示。（伸缩盒过渡版本）（CSS3）
（21）flex： 将对象作为弹性伸缩盒显示。（伸缩盒最新版本）（CSS3）
（22）inline-flex： 将对象作为内联块级弹性伸缩盒显示。（伸缩盒最新版本）（CSS3）

44、如何居中div, 如何居中一个浮动元素?
1、非浮动元素居中：可以设置 margin:0 auto 令其居中, 定位 ,父级元素text-algin:center等等
2、浮动元素居中:
（1）设置当前div的宽度，然后设置margin-left:50%; position:relative; left:-250px;其中的left是宽度的一半。
（2）父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对左移动-50%。
（3）position定位等等。