微信小程序 css使用技巧总结
更新时间：2017年01月09日 11:44:45 投稿：lqh
这篇文章主要介绍了微信小程序 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;
}
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
因为功能需要,需要动态创建DIV2008-09-09
这篇文章主要介绍了JavaScript中Cookie的使用之如何设置失效时间问题，具有很好的参考价值，希望对大家有所帮助。2022-12-12
在学习JavaScript中的继承机制时,我们常常会遇到原型和原型链这两个概念,在初学阶段,不理解这些概念很容易陷入迷茫,甚至会导致学习 JS 的路程变得曲折,本文将介绍JavaScript原型和原型链的概念、设计思想以及相关的使用方法,需要的朋友可以参考下2023-07-07![[JS]点出统计器](//img.jbzj.com/images/xgimg/bcimg3.png)
[JS]点出统计器...2006-07-07
基于JS定义回车事件的实现代码，需要的朋友可以参考下2013-07-07
TypeScript中type和interface的区别及注意事项
type的类型别用可以用户其他的类型,比如联合类型、元祖类型、基本类型,interface不行,下面这篇文章主要给大家介绍了关于TypeScript中type和interface的区别及注意事项的相关资料,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了使用原生js实现拖拽和粘贴上传图片功能,Vue/Rect 生态用多了都快忘记原生js怎么写了,今天需要直接在服务器裸写个页面,实现 textarea 文本框里接收拖拽多个图片,需要的朋友可以参考下2024-04-04
这篇文章主要为大家介绍了使用SpreadJS快速清除Excel中工作表保护密码方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
js location.replace与location.reload的区别
js location.replace与location.reload的区别，经常能用的到，需要的朋友可以可以下。2010-09-09
本文给大家分享的是javascript通过setTimeout实现延时显示提示框的特效代码，效果非常棒，这里推荐给大家2016-04-04
![[JS]点出统计器](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论