布局—column（属性）

column-width:||用来定义多列中每列的宽度,用像素表示column-count：||用来定义多列中的列数，用数字来表示1-10columns: 200px 2||列宽和列数column-gap: normal||默认值，默值为1emcolumn-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 ||元素跨越所有列，并定位在列的Ｚ轴之上。

 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>

转载于:https://www.cnblogs.com/amy-1205/p/5845772.html

布局—column（属性）相关推荐

css3中的column属性实现多列布局和瀑布流布局
在css3中有新增column属性可以实现页面的排版,使得页面更加整洁,现在一一为大家介绍用法以及属性值. columns:用于设置元素的列宽和列数.它是column-width和column-cou ...
6. 多列布局column
1. 多列布局column 多列布局column用于定义多列文本属性: column-count column-gap column-rule column-rule-style column-ru ...
前端css弹性布局各种属性
前端css弹性布局各种属性一.基本概念 Flexbox 是 flexible box 的简称(注:意思是"灵活的盒子容器")又叫弹性布局,是 CSS3 引入的新的布局模式.它决定 ...
CSS 外补白(Margin) 内补白(Padding) 边框属性定位（positioning）属性布局(layout)属性
CSS 布局(Layout) Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介 display CSS1/CSS2 ...
float和clear都是布局的属性
float和clear都是布局的属性 float 取值: none : 默认值.对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边说明: 该属性的值指出了对象是否 ...
Android：线性布局介绍，线性布局weight属性，线性布局微调参数gravity,线性布局divider
LinearLayout:线性布局一.线性布局介绍新建一个工程然后我们默认的布局,是相对布局, 相对布局的意思是我的控件可以在里面随意放置那如果把这个RelativeLayout 改了呢? ...
Compose关于Column属性说明
近期在熟悉Compose日常控件使用, @Composable inline fun Column(modifier: Modifier = Modifier,verticalArrangement: ...
CSS 布局 - display 属性
CSS 布局 - display 属性
CSS3属性之多栏布局column
文将针对CSS 3中的多栏布局做详细介绍,使用多栏布局时只能为所有栏指定一个统一的高度,栏与栏之间的宽度不可能是不一样的,另外也不可能具体指定什么栏中显示什么内容,因此比较适合使用在显示文章内容的时候 ...

布局—column（属性）

布局—column（属性）相关推荐

最新文章

热门文章