CSS多列

常用属性:

column-count 分几列

column-gap 列间距

column-rule 列分割线的样式(写法和border一样)

例如:

一个div分三列,列之间间距为10px,分割线为(可以不设置)5像素红色实线这样写

<style>

  div{column-count:3;

    column-gap:10px;

    column-rule:5px solid red;

    }

</style>

写此样式要加前缀

column-rule

宽度:可选值有thin(细边框)、medium(中等边框)、thick(粗边框)、也可以指定数值

样式:可选值有hidden(隐藏)。dotted(点状)。dashed(虚线)、solid(实线)、double(双线)

CSS中的用户界面相关属性

resize:调整尺寸

box-sizing:方框调整大小

显示如下:

最新文章

  1. vim 中乱码问题
  2. css 常用样式命名规则
  3. 十五、mysql 分区之 分区管理
  4. 编译Android4.3内核源代码
  5. U3D 实现地面碰撞效果
  6. Coursera Machine Leaning 课程总结
  7. java程序包不存在
  8. 记录一次因为硬盘写满造成的redis无法连接
  9. k-近邻算法实例
  10. 《Thinking in Java》学习笔记(二)
  11. XYZZY spfa 最长路 判环
  12. Java之final关键字详解
  13. 使用eclipse整合ssh项目的例子--lljf(1)
  14. Google机器学习课程基于TensorFlow : https://developers.google.cn/machine-learning/crash-course
  15. Hadoop问题:Input path does not exist: hdfs://Master:9000/user/hadoop/input
  16. redis 4.x 安装哨兵模式 sentinel
  17. sql case 与 sum
  18. HTML5学习笔记(二十一):BOM
  19. POJ3687.Labeling Balls 拓扑排序
  20. 【转载】COM 组件设计与应用(二)——GUID 和 接口

热门文章

  1. leetcode第29题--Substring with Concatenation of All Words
  2. orcale复制表结构及其数据
  3. solr的安装与配置
  4. Ibatis 返回datatable数据类型案例
  5. 设置checkbox为只读(readOnly)
  6. Fitnesse测试用例脚本自动生成设计
  7. Visual Studio 20**自动添加头部注释信息
  8. JAVA学习:异常
  9. SHELL编程笔记(二)之shell流程控制
  10. ubuntu 12.04 安装和使用花生壳