zoukankan      html  css  js  c++  java
  • 布局—column(属性)

    column-||用来定义多列中每列的宽度,用像素表示
    column-count:||用来定义多列中的列数,用数字来表示1-10
    columns: 200px 2||列宽和列数
    column-gap: normal||默认值,默值为1em
    column-gap: length ||用来设置列与列之间的间距,可以用px,em单位的任何整数值,但不能是负值。
    column-rule:column-rule-width ||用来定义列与列之间的边框宽度
    column-rule:column-rule-style ||用来定义列与列之间的边框样式
    column-rule:column-rule-color ||用来定义列与列之间的边框颜色
    column-span: none || 默认值,不跨越任何列。
    column-span: all ||元素跨越所有列,并定位在列的Z轴之上。

     1 <style>
     2     .columns{
     3          -webkit-columns:200px 3;  /*列宽是200像素,列数为3。*/
     4         -webkit-column-gap:30px;   /*列与列之间的间距是30像素*/
     5         -webkit-column-rule:2px solid green;  /*列与列之间的边框颜色是2像素的绿色。*/
     6          text-overflow: ellipsis;  /*用省略符号来代表被修剪的文本。*/
     7         white-space: nowrap;    /*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。*/
     8         word-wrap: break-word;   /*在长单词或 URL 地址内部进行换行。*/
     9         box-sizing: border-box;}   /*规定两个并排的带边框的框*/
    10 </style>
  • 相关阅读:
    Java内存模型之重排序
    JAVA虚拟机:对象的创建过程
    单链表——基本操作
    new File()
    JVM回收方法区内存
    强软弱虚---强引用、软引用、弱引用、虚引用
    线性表(二)——链式存储
    JVM中判断对象是否存活的方法
    GC算法 垃圾收集器
    线性表(一)——顺序结构
  • 原文地址:https://www.cnblogs.com/amy-1205/p/5845772.html
Copyright © 2011-2022 走看看