zoukankan      html  css  js  c++  java
  • 块级元素和行内元素的区别

      块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.

      行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.

      

      块级元素可以设置width,height属性.

      行内元素设置width,height属性无效.

      块级元素即使设置了宽度,仍然是独占一行.

      

      块级元素可以设置margin和padding属性.

      行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.

      

      块级元素对应于display:block.

      行内元素对应于display:inline.

      

  • 相关阅读:
    第七天冲刺
    MySQL管理
    LNMP环境搭建
    docker使用笔记
    Laravel5.2使用笔记
    Linux使用笔记
    Redis3.2.11在centos9安装与卸载
    Ubuntu系统
    Linux下安装与卸载PHP
    安装Linux
  • 原文地址:https://www.cnblogs.com/fu277/p/2393358.html
Copyright © 2011-2022 走看看