display几种常用的属性值

第一个:display:none;

设置元素隐藏,具体可见:display:none

第二个:display:block;

设置元素为块级元素,块级元素可以独占一行,可设宽高。

第三个:display:inline;

设置元素为行内元素,一行可有多个行内块元素,可设宽高。

第四个:display:inline-block

设置元素为行内块元素,既有行内元素的(一行可有多个)特性,又有块元素的(可设宽高)特性

第五个:display:inline-table

inline-table得到的是,外面是“内联盒子”,里面是“table盒子”。

第六个:display:table

元素会作为块级表格来显示,类似 table,表格前后带有换行符;配合table-cell使用可实现水平垂直居中,具体可见:水平垂直居中

第七个:table-row

元素会作为一个表格行显示,类似 tr;

第八个:table-cell

元素会作为一个表格单元格显示,类似 td和 th。

第九个:display:list-item

为元素内容生成一个块型盒,随后再生成一个列表型的行内盒。 会把元素作为列表显示,要完全模仿列表的话还需要加上 list-style-position,list-style-type

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值