• 块元素,行内元素,行内块区别


    块元素
      例如:div,p,ul,dl,ol,li,dd,dt,h1~h6
      特点:独占一行,可以设置宽高,可以设置margin,padding,默认情况下宽度=父级元素的宽度
      转换成行内 display:inline

    ******************************************************************************************

    行内元素
      例如:a,span,i,em,strong,b,label
      特点:不会独占一行,与相邻的【行内元素】会排在同一行,不能设置宽高,宽高根据内容自动撑开
         行内元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。
           但是竖直方向的margin-bottom; margin-top; padding-top; padding-bottom;却不能生效。
      转换成块display:block

    *******************************************************************************************

    行内块

     例如:input,img,select

     特点:不会独占一行,与相邻的【行内元素】或者【行内块元素】会排在同一行,可以设置宽高,不设置宽高时按内容自动撑开

       可以设置margin,padding,

    转换成行内 display:inline

     转换成块 display:block

  • 相关阅读:
    CSS基本知识(慕课网)
    html基本标签(慕课网)
    我为什么要写博客
    Android项目实战(三十二):圆角对话框Dialog
    02-05 scikit-learn库之线性回归
    02-36 支持向量回归
    02-25 scikit-learn库之决策树
    02-29 朴素贝叶斯(垃圾邮件分类)
    C-02 推荐系统
    05-02 特征选择
  • 原文地址:https://www.cnblogs.com/h5c3/p/5791753.html
Copyright © 2020-2023  润新知