css 小功能实现收藏


//字体超出俩行 隐藏显示省略号
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;

 // flex 布局 块级滑动display: flex;flex-direction: initial;//flex-flow: initial;  // h5 会出问题 最好不用 用上面的justify-content: space-between;overflow-x: scroll;

uniapp flex 小程序不生效时

 // 组件影响以及其他元素的情况下使用display:flex;flex-direction: initial;justify-content: space-between;// 把他变成行内元素 就可以了

flex 块级展示，最后一个居左显示

 // 注意：父盒子-子盒子 百分比布局 //例如：以下.box{width:100%;display: flex;flex-wrap: wrap;}.box_size{width:30%;height:100rpx;}// 盒子在父元素中， 排列成一行，多余 换行居左排列

uniapp checkbox 按钮变圆

/* #ifdef APP-PLUS ||MP-WEIXIN */checkbox .wx-checkbox-input {border-radius: 50% !important;}checkbox .wx-checkbox-input.wx-checkbox-input-checked {color: #fff;background-image: linear-gradient(to right, #39FDCE, #48E3FD);}/* #endif */

uniapp 横线显示

text-decoration:line-through;

去掉button默认样式

// 去掉默认样式
button{font: inherit !important;margin: 0 !important;padding: 0 !important;background: none !important;width: unset !important;color: inherit !important;box-sizing: inherit !important;border: unset !important;min-height: unset !important;
}
// //去掉边框线
button::after {border: none;
}

关于swiper 在ios 圆角不生效问题解决方法

overflow: hidden; // 一定要加
transform: translateY(0) !important;
border-radius: 20rpx !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);

uniapp 小程序 srcoll-view 滚动条隐藏 ios也生效

::-webkit-scrollbar {display: none;width: 0 !important;height: 0 !important;-webkit-appearance: none;background: transparent;
}

class 选择器倍数

/* 1 4 7 的倍数 */
.seckill_box .seckill_box_list:nth-child(3n+1){padding-right: 14rpx;
}
/* 2 4 6 的倍数 */
.seckill_box .seckill_box_list:nth-child(2n){padding-right: 12rpx;
}
/* 3 6 9 的倍数 */
.seckill_box .seckill_box_list:nth-child(3n+3){padding-right: 0rpx;
}

css 小功能实现收藏相关推荐

[小功能]禁用模板默认CSS
为了方便大家自定义CSS,现在增加了"禁用模板默认CSS"的功能(在"通过CSS定制页面"的文本框下方). 感谢MK2提出了这个需求! 插播博客园广告: 很多地 ...
苹果xr十大隐藏功能_苹果手机有哪些隐藏小功能？【建议收藏】
大家好,我是:玩机小公举专注于分享各种玩机技巧.文章纯手动,还配上了精美配图. 花了一天时间写了这篇回答,帮大家整理了iPhone 手机隐藏极深的15个小功能,个个实用. 1.批量删除消息在[信息 ...
“约见”面试官系列之常见面试题之第五十一篇之CSS Sprites（建议收藏）
CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢 ...
css 自动换行_前端必备！20个CSS小技巧
在日常学习和工作中,你是否经常觉得时间不够用?为了帮助你提高效率,今天,就为大家分享一些CSS小技巧,如果你感觉有用,也可以收藏与分享给你的小伙伴们~ 1. 文字水平居中将一段文字置于容器的水平中点 ...
WPF制作的一个小功能,智能提示(IntelliSense)
WPF制作的一个小功能,智能提示(IntelliSense) 原文 http://www.cnblogs.com/scheshan/archive/2012/06/30/2570867.html 最近 ...
给 OpenPOP.Net 加一个小功能,可用于收取邮件时监测数据流量!
/* 最近写了一个自动收邮件的机器人,原来一开始偷懒"娶"了 COM 组件 JMail: <封装 JMail 4.4 的 POP3 为 .Net 组件 (.dll 程序集), ...
javascript实现的一个信息提示的小功能/
//什么状况.CSDN的排版怎么这么多状况,还是本人太次?调整几次都没弄好.最后一遍了-- 最近由于公司业务问题.须要做一些面向公众的平台,于是对UI要求会高一点, 对于传统的alert的这样的方式来 ...
css grid随页面大小_你现在可以玩下这 5 个 CSS 新功能
在浏览器开始实现它们之前,CSS 新的功能通常需要经过长时间讨论之后,才在W3联盟的规范中定义.有许多值得一提的 CSS 新功能,但是在本文中,我们重点介绍可以浏览器的稳定版中进行测试的五个功能: C ...
easyui的datagrid可编辑框小功能实例
最近写了个小功能,备忘. 功能一实现效果: 1.js代码 /*** 其它费用设置* @return* @author ls* @time 2019.04.15*/ var otherYhbh; var ...

css 小功能实现收藏

css 小功能实现收藏相关推荐

最新文章

热门文章