![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
hx_chan
这个作者很懒,什么都没留下…
展开
-
css 计算长度值函数 calc()
calc() = calc(四则运算),支持加减乘除运算,运算符左右两边都需要留出空格,例如:width:calc(100% - 20px);原创 2018-06-04 10:42:37 · 484 阅读 · 0 评论 -
column布局
容器的属性column-width: auto | < length > 。给列定义一个最小宽度(min-width)。auto: 列宽由其他元素决定。length: 显式设置最小宽度。column-count: auto | < integer >定义列的数量。auto: 元素只有一列。就像没有设置一样。< integer >: 正整数值。取值是大于0的整数,...转载 2018-05-29 16:57:46 · 1467 阅读 · 0 评论 -
svg实现的圆形进度条(带渐变效果)
git地址:https://github.com/jasonChen2014/svgProgessBar.git 这个是h5里面的做法,跪求小程序实现方法!!!原创 2018-07-25 20:59:44 · 3528 阅读 · 1 评论 -
flex布局可能碰到的坑1
flex布局非常好用,但在开发过程中可能会碰到的一些坑1、内容超出容器大致情况是:在一个设置了display:flex布局的大容器A中并排放置两个子容器,并且子容器设置flex:1,子容器中都有一个元素包含一段文本,这段文本设置了不换行并且显示省略号的样式,当文本过长的时候,子容器会被撑开,如下效果:相关代码:<view class='hot-content-box'&...原创 2018-08-13 00:26:59 · 12364 阅读 · 1 评论 -
column布局应用
最近一个小程序项目中,有个页面设计使用了瀑布流,实现的方式有很多种,但最快捷简单的应该是column布局了,废话少说,先看代码<view class='hot-content-box'> <view wx:for="{{hotCollageList}}" wx:key="hci" class='hot-item-box' data-goodsid="{{item.g...原创 2018-08-08 11:46:32 · 571 阅读 · 0 评论