元素在(脱离)文档流的特点

本文探讨了CSS中元素在文档流中的表现,包括块级元素、行内元素和行内块元素。重点阐述了这些元素在文档流中的特点,以及当元素脱离文档流后,不再严格区分块元素和行内元素的行为变化。
摘要由CSDN通过智能技术生成

0.常见的块级元素、行内元素、行内块元素

  • 块级元素:

         p h1~h6 div hr ul li ol dl dd dt form
         header main nav article section aside footer
    
  • 行内元素:

         span a b i u del s strong small big em sub sup
    
  • 行内块元素:

         img button input textarea select video audio
    

    1.元素在文档流中的特点

  • 块元素 block

             - 块元素会在页面中独占一行(自上向下垂直排列)
             - 默认宽度是父元素的全部(会把父元素撑满)
             - 默认高度由内容撑开
             - 可以设置margin\padding
    

行内元素 inline

            - 行内元素不会独占一行,只占自身的大小
            - 行内元素在页面中自左向右水平排列,如果一行之中不能容纳下所有的行              内元素,则元素会换行,自左向右排列。
            - 默认宽度和高度都是被内容撑开
            - 只能设置margin-left和margin-right、padding-left和padding-right

行内块元素 inline-block

            - 行内块元素不会独占一行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值