小程序中CSS3

微信小程序界面设计CSS3在小程序中样式精通课程-第27课-多列-column-width 列宽度

时间:2019/1/13 14:18:11  作者:互联网  来源:网络转载  查看:23759  评论:0
内容摘要:column-width 列宽度通用语法定义和用法column-width 属性规定列的宽度。默认值:auto继承性:no版本:CSS3JavaScript 语法:object.style.columnWidth="100px"语法column-width: ...

column-width 列宽度

通用语法

定义和用法

column-width 属性规定列的宽度。

默认值:

auto

继承性:

no

版本:

CSS3

JavaScript 语法:

object.style.columnWidth="100px"

语法

column-width: auto|length;

 

描述

auto

由浏览器决定列宽。

length

规定列的宽度。

 


 

小程序应用

Wxml代码

<view class='c01'>

当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;

</view>

Wxss代码

.c01{

  column-gap: 10px;

  column-rule-style:  dotted;

  column-width:60px; 

}

效果图

微信小程序界面设计CSS3在小程序中样式精通课程-第27课-多列-column-width_列宽度


欢迎大家收看我的视频课程:微信小程序界面设计-小程序中CSS3样式精通课程
微信小程序界面设计CSS3在小程序中样式精通课程-第32课-框大小box-sizing

相关评论
评论者:      验证码:  点击获取验证码
本类推荐
咨询QQ/微信:45157718 点击这里给我发消息 | 电话:13516821613 | 浙江杭州余杭区东港路118号雷恩科技创新园 | 网站支持:杭州摇亿网络科技 | 浙ICP备06056032号-6 |