介绍
如何在微信小程序中使用css ?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
<强>微信小程序css使用技巧强>
<强> 1:用纯css创建一个三角形的原理把上、左、右三条边隐藏掉(颜色设为透明)强>
.demo { 宽度:0; 高度:0; 边框宽度:20 px; 边框样式:固体; 边框颜色:transparent transparent  red 透明; }
2:设置最高高度. .超过后可以滑动
, max-height:, 550 rpx; ,overflow-y:滚动;
3:文本溢出当属性规定当文本溢出包含元素时发生的事情
片段:,修剪文本 时间:ellipsis 用省略号来代表被修剪的文字 字符串:使用给定的字符串来代表被修剪的文字 重点是三个同时使用:文本溢出:省略号;,空白:nowrap;},溢出:隐藏。
4:溢出:隐藏当强制不换行的时候,使用溢出:藏隐藏超过界面的部分
5: margin-bottom失效
margin-bottom是下方的外边距,并不能让元素向下方移动,margin-top作为上边距,把元素“推”了下去。 希望图标距离下方30 px,那么可以在ul上设置,位置:绝对,底部:30 px ,(这一句我没有加同样实现了效果)另外父元素位置:相对
6:强制不换行
空白:nowrap;}
自动换行
div {, 自动换行:break-word;, 单词分割:正常,, }
强制英文单词断行
div { 单词分割:打破所有; }
看完上述内容,你们掌握如何在微信小程序中使用css的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!