1、多行文本水平居中:利用display: table属性

#container{    width: 600px;    height: 300px;    border: 1px solid black;        display: table;}#text{    display: table-cell;     vertical-align:middle;    text-align: center;}

2、微信小程序中view中的text标签居中

display:flex;align-items:center;justify-content:center;
febc11227c141e0f5cd312869b827eb3.png

3、组件内无法执行uni-app的暂停视频播放

const curr = e.detail.current;        //   暂停播放curr 的上一个及一个视频        if ((curr - 1) >= 0) {            const temp = 'myVideo' + (curr - 1);            this.myvideo = uni.createVideoContext(temp, this);            this.myvideo.pause();        }        if ((curr + 1) <= this.videoUrls.length - 1) {            const temp = 'myVideo' + (curr + 1);            this.myvideo = uni.createVideoContext(temp, this);            this.myvideo.pause();        }

4、小程序文本超出省略:

display: inline-block;  /*设置为弹性盒子*/        overflow:hidden; //超出一行文字自动隐藏        text-overflow:ellipsis;//文字隐藏后添加省略号        white-space:nowrap; //强制不换行overflow: hidden;/*超出隐藏*/    display: -webkit-box;  /*设置为弹性盒子*/    -webkit-line-clamp: 3;  /*最多显示x行*/    text-overflow: ellipsis;  /*超出显示为省略号*/    -webkit-box-orient: vertical;

5、小程序swiper组件的display-multiple-items的使用方法

6、overflow实现滚动且隐藏滚动条

.title-outer {      width: 100%;      overflow: auto hidden;      overflow: -moz-scrollbars-none;      &::-webkit-scrollbar{        display: none;      }    }

7、小程序富文本兼容

{{articleStr.article_title}}

{{articleStr.add_time}}...
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐