block 块类型。默认宽度为父元素宽度,可设置宽高,换行显示。
none 隐藏该元素盒子
inline 行内元素类型。默认宽度为内容宽度,不可设置宽高,同行显示。
inline-block 用通俗的话讲,就是不独占一行的块级元素
list-item 像块类型元素一样显示,并添加样式列表标记。
table 此元素会作为块级表格来显示。(解决了一部分需要使用表格特性但又不需要表格语义的情况,)
至于为什么不用table呢?
1、用DIV+CSS编写出来的文件k数比用table写出来的要小。
2、table必须在页面完全加载后才显示,没有加载完毕前,table为一片空白,也就是说,需要页面完毕才显示,而div是逐行显示,不需要页面完全加载完毕,就可以一边加载一边显示。
3、非表格内容用table来装,不符合标签语义化要求,不利于SEO。
4、table的嵌套性太多,用DIV代码会比较简洁。
display: table-row时margin、padding同时失效
(3)display: table-cell时margin会失效