display: none;_display的作用(table讲解)

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同时失效

f94f9ead0481bc70aa713632a9cccedd.png

b11507acb47448a0eee2a69683a7890a.png

ca45772f733b9e3054f432dd11149d32.png

8f9fe3fa5281eeffbdfcf3d8b06d2e66.png


(3)display: table-cell时margin会失效

d295562e2ba0be39330ab87a6117e066.png

5a4905dee2929e6cee605ca3392ab927.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值