zoukankan      html  css  js  c++  java
  • 标签设置的补充

    1  有的标签会设置背景时会独占一行,还有的会随着内容的增减而改变自己的空间大小

        根据以上现象:

     

                    块级标签:会独占一行,无论内容多少

       标签

                    内敛标签(行级标签):根据内容多少占用空间大小

     

      块级:p      h1~h6    div    ul   li  dl     ol等

      内敛:span   img    I    b   a   em    icon(矢量标签)

    2  二者区别

             块级:

        1.      块级元素会独占一行

        2.      块级可以设置宽高

        内敛:

        1.      内敛不会独占一行

        2.      内敛不可以设置宽高

        3.      内敛元素的margin上下不起作用

    3  二者转换

           1) 块级转行级

                  给块级元素添加属性display:inline;     display 显示  inline行

           2)行级转块级

                  给行级元素添加属性display:block;……block块­­­­

           3) 行级块元素

                  给需要的元素添加属性  display:inline-block­­­­­­­­­

                  (可以设置宽高了,可以在一行了,margin可以随便使用了)

      备注

      Line-height 行高  设置字体的垂直位置

      

      Line-height的值和height的值相同文本就上下居中

      拓展 line-height:50px/2;

      当是2的时候  line-height的值是2*font-size的大小==36px

  • 相关阅读:
    《MobileNetV2: Inverted Residuals and Linear Bottlenecks》论文阅读
    CF1464D The Thorny Path
    Codeforces Global Round #12
    欧拉数 (Eulerian Number)
    CF1437F Emotional Fishermen
    CF1408G Clusterization Counting
    [PA2013] Filary
    Codeforces Educational Round #95 题解
    [清华集训2016] 你的生命已如风中残烛
    [题解] lxxx
  • 原文地址:https://www.cnblogs.com/Shinigami/p/9641778.html
Copyright © 2011-2022 走看看