微信小程序 css使用技巧总结

前端之家收集整理的这篇文章主要介绍了微信小程序 css使用技巧总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序 css使用技巧

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

width: 0;

height: 0;

border-width: 20px;

border-style: solid;

border-color: transparent transparent red transparent;

}

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

overflow-y: scroll;

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

文字 string: 使用给定的字符串来代表被修剪的文字 重点是三个同时使用:text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

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

5: margin-bottom失效

效果)另外父元素position:relative

6:强制不换行

自动换行

word-wrap: break-word;

word-break: normal;

}

强制英文单词断行

word-break:break-all;

}

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

原文链接:https://www.f2er.com/weapp/42746.html

猜你在找的微信小程序相关文章