字体居中小程序_小程序开发之居中、视频播放组件暂停优化、圆角、文本超出省略...

1、多行文本水平居中&＃xff1a;利用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;

3、missing space before opening brace&＃xff1a; eslint的规则&＃xff0c;意为大括号前丢失空格。

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

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

5、Trailing spaces not allowed&＃xff1a;警告代码后面有多余的空格导致的,删除空格即可。

6、css3 只给左上&＃xff0c;右上&＃xff0c;左下&＃xff0c;右下设置圆角属性

-webkit-border-top-left-radius: 4px;  -webkit-border-top-right-radius: 4px; -webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;

7、小程序文本超出省略&＃xff1a;

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;