微信小程序打开红包的css_微信小程序 css使用技巧总结

微信小程序 css使用技巧

1:用纯CSS创建一个三角形的原理把上、左、右三条边隐藏掉(颜色设为 transparent)

.demo {

width: 0;

height: 0;

border-width: 20px;

border-style: solid;

border-color: transparent transparent red transparent;

}

2:设置最高高度..超过后可以滑动

max-height: 550rpx;

overflow-y: scroll;

3: text-overflow 当属性规定当文本溢出包含元素时发生的事情

clip: 修剪文本

ellipsis : 用省略号来代表被修剪的文字

string: 使用给定的字符串来代表被修剪的文字

重点是三个同时使用：text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

4:overflow: hidden当强制不换行的时候,使用overflow:hidden隐藏超过界面的部分

5: margin-bottom失效

margin-bottom是下方的外边距，并不能让元素向下方移动，margin-top作为上边距，把元素“推”了下去。

希望图标距离下方30px，那么可以在ul上设置 position:absolute, bottom:30px ，(这一句我没有加同样实现了效果)另外父元素position:relative

6:强制不换行

white-space:nowrap;

自动换行

div{

word-wrap: break-word;

word-break: normal;

}

强制英文单词断行

div{

word-break:break-all;

}

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

微信小程序打开红包的css_微信小程序 css使用技巧总结相关推荐

微信小程序打开红包的css_山海经攻略（微信小程序现金红包提现游戏）
扫码进入小程序按照系统提示操作就可以获得0.3元红包,可以直接提现到微信账户. 一.山海经异变收入来源有三种 1.每升一级大概有一元的红包,满50元提现 2.获得分红神兽,分红神兽有四种,分别是神兽鸿 ...
微信运动怎么打开？如何查看微信运动步数？原来是这样做的…
微信运动是什么?微信运动是微信中的一个小功能,能够计算你一天的脚程步数,你每天走过多少步,多远都会被计算进去,微信运动怎么打开? 有些小伙伴看着别人的微信运动步数自己也想"试试水" ...
微信小程序打开红包效果
先看效果 html: <view class='content'><view class="showHongbao"><view class='hb_ ...
【微信公众号发红包转账】微信公众号上手机网页接收请求，通过公众号给用户发红包开发流程...
有了微信支付的开发做铺垫,相关的微信其他业务处理起来逻辑就能清晰很多. 准备好这两个架包 ------------------------------------------------------ ...
微信中怎么打开apk下载链接微信跳转打开外部浏览器打开apk文件
相信大部分试用微信分享转发链接的时候,都很容易碰到链接在微信中无法打开的问题.通常这种情况微信会给个提示 "已停止访问该网址" ,导致这个情况的因素有以下三点. 1. 分享链接被多 ...
微信中怎么打开app文件安卓微信跳转打开外部浏览器打开app文件下载链接（苹果无需上架跳转Apple Store下载）
很多朋友的APP推广链接需要在微信中进行的网页宣传.传播.下载等等,但是各位朋友一定发现了微信中是屏蔽掉了APP的下载链接的.但是微信最为一个最大的社交平台,为了自身的利益,屏蔽掉了所有APK的下载链 ...
微信中怎么打开apk下载链接微信浏览器不支持下载怎么解决
需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 1.识别手机类型 /* 判断用户手机为安卓还是iphone */ checkPhone ...
极客日报第125期：微信将于 5 月 19 日之后停止小程序打开 App 技术服务；原装 AirTag 发货时间延长至 4-5 周；TensorFlow 2.5.0稳定版发布
一分钟速览新闻点! 微信将于 5 月 19 日之后停止小程序打开 App 技术服务腾讯音乐组织调整:减少内耗,推进业务合并小米互助正式关停,上线仅 11 个月腾讯电商 App"小鹅拼拼 ...
#科技 #资讯 #生活微信测试更多图片打开方式，神州圆满发射，英伟达或停产性价比神卡，SAMSUNG新一代显存带宽容量双翻倍，这就是今天的其它大新闻
今天是2022年12月01日十一月初八现在是中午12:10 下面是今天的其他大新闻 #NEWS 1 # 微信测试用不同小程序打开图片:快捷调用小程序打开图片.视频.文件 ( 新浪科技 ) 据悉,微 ...

微信小程序打开红包的css_微信小程序 css使用技巧总结

微信小程序打开红包的css_微信小程序 css使用技巧总结相关推荐

最新文章

热门文章