如何在微信小程序中使用css

  介绍

如何在微信小程序中使用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的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!

如何在微信小程序中使用css