小程序开发入门之wxss样式

最新推荐文章于 2025-06-25 09:11:22 发布

原创最新推荐文章于 2025-06-25 09:11:22 发布 · 639 阅读

CC 4.0 BY-SA版权

5 篇文章

订阅专栏

2 篇文章

订阅专栏

本文主要介绍了微信小程序中使用flex布局的基本方法。通过设置display:flex属性实现类似Android权重的布局效果，并强调了此布局下子元素float、clear及vertical-align属性的失效特性。此外还介绍了一种用于文本溢出时显示省略号的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

display:flex布局
wxss文件中经常会用到flex这个属性，对于刚接触这个属性的会比较陌生，它有点布局方式有点类似android的权重分配，首先在外层先要设置display:flex这个属性，然后内部元素才能应用这种布局方式，另外需要了解的是如果应用zhe这种布局方式的话那么子元素的float、clear和vertical-align属性将失效。具体学习可参考网上的另一篇文章display:flex 布局教程
换行
微信小程序只显示一行超出部分…表示的代码为overflow: hidden; white-space: nowrap; text-overflow: ellipsis;