zoukankan      html  css  js  c++  java
  • CSS系列:CSS中盒子之间的关系

    1. 标准文档流

      标准文档流是值在不使用其他的雨排列和定位相关的特殊CSS规则时,各种元素的排列规则。

    1.1 块级元素(block level)

      块级元素不会排在同一行中,总是以一个块的形式表现出来,并且跟同级的块级元素依次竖直排列,左右撑满。

    1.2 行内元素(inline)

      行内元素本身不占用独立的区域,只在其他元素的基础上指出一定的范围。

      行内元素在DOM树中同样是一个节点,从DOM的角度来看,块级元素与行内元素没有区别,都是树上的一个节点;而从CSS的角度来看,二者区别在于块级元素拥有自己的区域,行内元素则没有。

      div是一个块级元素,它包围的元素会自动换行。span是一个行内元素,在它的前后不会换行。

    2. 盒子在标准文档流中的定位原则

      行内元素之间的水平margin,块级元素之间的数值margin。

  • 相关阅读:
    蜂窝网格的坐标以及寻路
    unity3d 第三人称视角的人物移动以及相机控制
    基本HTML结构
    平衡二叉树
    STL基础复习
    递归
    unity 傅老师学习
    blender基础操作
    最小生成树
    最短路径
  • 原文地址:https://www.cnblogs.com/libingql/p/4186206.html
Copyright © 2011-2022 走看看