zoukankan      html  css  js  c++  java
  • HTML 块级、内联、内联块级元素(转)

    常用的块级元素

    div,form,p,table,h1~h6,hr,dl,ol,ul,pre等

    【常用的内联元素】

    a,img,input,span,br,select,strong,em,textarea,label等

    【概念】

    块级:block

    内联:inline

    内联块级:inline-block

    【特征】

    1.块级元素

      独占一行。

      可设置width,height,margin,padding。

      内部可包含块级或内联元素。

    2.内联元素

      和其他inline元素同行显示。

      设置widht,height,margin-top,margin-bottom,padding-top,padding-bottom无效,可以设置margin-left,margin-righ,padding-left,padding-right。

      内部可包含块级或内联元素,内部包含块级元素时,该块级元素继续保持独行显示,下一个内联元素会换行显示。

    3.inline-block

      和其他inline元素同行显示。

      和块级元素一样可设置width,height,margin,padding。

      内部可包含块级或内联元素,内部包含块级元素时,该块级元素会在内联元素的内部独行显示,不会影响下一个内联元素的同行显示。

  • 相关阅读:
    纯css改变下拉列表select框的默认样式
    jquery 购物车
    如何统计页面标签使用次数?
    uni-app—从安装到卸载
    详解Vue 方法与事件处理器
    LoadRunner
    Python-函数
    Python-函数
    python-列表
    python-循环
  • 原文地址:https://www.cnblogs.com/KevinTseng/p/9981901.html
Copyright © 2011-2022 走看看