行内元素,块元素,行内块元素有哪些?都有什么特点?

行内元素,块元素,行内块元素有哪些?都有什么特点?

常用的行内元素有:span , a , em , b , i , strong …

特点:

和其它元素都在一行上
元素的宽度、高度及顶部和顶部边距都不能设置
元素的宽度就是它所包含的文字或图片的宽度,不可修改。
常用的块级元素有:div , p , h1~h6 , ol , ul , dl , form , table , address …

特点:

每个块级元素都独占
元素的宽度、高度、行高及顶部和底部边距可以设置
元素宽度在不设置的情况下,和它父元素的宽度一致。
常用的行内元素有:img , input , td

特点:

和其它元素都在一行上
元素的宽度、高度、行高及顶部和底部边距可以设置。
元素之间是如何转换的?

变为块级元素(独占一行,可控):display: block;
变为行内元素(不会独占一行,不可控):display: inline;
变为行内块元素(可设置宽高,margin,padding):display: inline-block;

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值