Web:的block,inline,inline-block分类

display是控件的css属性之一,表示的是显示模式。
1.display:block:意思是让对象成为块级元素。
通常情况下:block元素会独占一行,多个block元素会各自新起一行,元素前后有换行符。
2.display:inline:(1)inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline元素不会独占一行,在有多个元素同时设置inline时,它会依次并排排列,当排列时的宽度不够的时候,它会自动跳转到下一列。
(2).inline元素设置width,height属性无效。(同理:同为 padding, margin时,设置padding-top等等都是无效的)。
3.display:inline-block:(1)既有display:block,又有display:inline的一些特征。
(2)可以在宽度足够的情况下,并排排列元素。
(3)对比display:inline,display:inline-block可以设置width,height。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值