微信小程序text样式

text超出文本用省略号表示

当text文本超出想要显示的行数时，可以用省略号隐藏后面的文字，只需在页面的wxss文件里面添加样式，如果使用次数频繁也可以添加到app.wxss里面
wxss

.text_overstep{
	/*设置为弹性盒子*/
	display: -webkit-box;
	/* 表示几行后超出隐藏 */
	-webkit-line-clamp: 1;
	/* 超出隐藏 */
	overflow: hidden;
	/*超出显示为省略号*/
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}

wxml

<text class="text_overstep">2011年1月，微信1.0发布，同年5月，微信2.0语音对讲发布。text>

效果

text不自动换行问题

当文本过长，又不想用省略号代替显示，出现了超过屏幕边框并没有自动换行的问题，只需要在样式中加上下面的样式即可：
wxss

word-wrap: break-word;
word-break: break-all;
white-space: pre-line;