zoukankan      html  css  js  c++  java
  • 第9章 css3多列布局

    break-before、break-after、break-inside属性理解

    他们的功能与page-break-before、page-break-after、page-break-inside三个属性相同,即设置属性元素前/后/内部进行分页

    column-width、column-count的特殊情况

    1. 当容器超出列宽时,会以多行显示,若容器宽度小于设置的列宽时,容器将只显示为一行
    2. 若容器没有足够宽的空间来包含具有指定宽度的列数,则会按实际显示,随着浏览器窗口大小变化时,容器列数也变化,但最大列数不会超过column-count属性设置的列数,可认为column-count属性设置了最大列数;
    3. 列数=(容器宽度-间距)/列边距,若得到小数,则去余取整
    4. 若是column-count显示设置,总是显示固定的列数

    column-gap与margin的区别

    column-gap主要用于元素多列之间间距设置,不能用于元素与元素之间的设置
    margin主要用于元素与元素之间的设置 不能用于元素多列之间间距设置

  • 相关阅读:
    将博客搬至CSDN
    JDBC
    Java刷题常用API
    Java的反射机制
    Java的IO流
    Docker原理:Cgroup
    Docker原理:Namespace
    Anaconda软件安装使用问题
    初步了解Unix系统的I/O模式
    深入理解索引和AVL树、B-树、B+树的关系
  • 原文地址:https://www.cnblogs.com/wjw1997/p/7506997.html
Copyright © 2011-2022 走看看