对于块元素及行内元素及行内块元素的理解

HTML中的三类元素(个人见解,希望大佬多多指正,批评指正)

  • 1,块元素(block)
  • 例如:div,h1-h6,p,ul,li,ol等标签。
  • 特点:
  • 1,可设置宽高
  • 2,每个标签都会从新行开始
  • 3,没有设置宽高则会默认与容器同宽
  • 4,可以容纳内联元素和其他块元素。
    注意:p,h1-h6,dt中不可放置块元素。

2,行内元素(inline)
例如:a,strong,b,em,i,span等等,其中span为最典型行内元素。
特点:
1,不可设置宽高,但他们可以这是水平方向的padding值和margin值
2,新的元素会紧紧相邻,之间没有间隙
3,靠自身内容撑起
4,行内元素只容纳文本或其他行内元素

3行内块元素
例如:input,img,td
特点:
1,会与相邻元素在同一行,但之间有间隙
2,默认宽度为自身内容的宽度
3,高度,行高(line-height),内外边距都可设置

总结
以上三者之间可以通过display属性进行转换,在有display的情况下行内元素的宽高也就会生效。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值