zoukankan      html  css  js  c++  java
  • CSS之column语法

    columns

    column-[<length>|auto] 定义每栏的宽度

    column-span:1|all 1:只在本栏中显示;all:横跨所有栏目并定位在栏目的Z轴之上。

     

    column-rule

    column-rule-color:<color> 定义每栏之间边框的颜色

    column-rule-<length> 定义每栏之间边框的宽度

    column-rule-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset

    (无边框(默认)|隐藏边框|点线|虚线|实线边框|双线边框|3D凹槽|3D凸槽|3D凹边|3D凸边)

     

    column-gap:normal|<length> 定义两栏之间的间距距离 

     

    column-fill:auto|balanc 定义栏目的高度是否统一 

    auto:各栏目的高度随其内容的多少而自动变化;

      balance:各栏目的高度将会根据内容最多的那一栏的高度进行统一)

     

    column-count:auto|整数 可以定义栏目的数目

     

    column-break-before:auto|always|avoid 定义元素之前是否断行

     

    column-break-after:auto|always|avoid 定义元素之后是否断行

     

     

    对于引擎为webkit的浏览器,写法为-webkit-column

    对于引擎为moz的浏览器,写法为-moz-column

  • 相关阅读:
    linux-shell编程-1-简介
    linux-tail
    linux-grep
    linux-sort
    linux-sed
    linux-awk
    函数调用
    选择结构和循环结构
    列表字典集合常用函数
    datetime模块
  • 原文地址:https://www.cnblogs.com/xianhaiyuan/p/5168462.html
Copyright © 2011-2022 走看看