css 文本超出隐藏显示省略号(单行或多行)

css 文本超出隐藏并且显示省略号

单行的时候

	overflow:hidden; //超出的文本隐藏
	text-overflow:ellipsis; //溢出用省略号显示
	white-space:nowrap; //溢出不换行

俩行或以上时

	overflow: hidden;
	text-overflow: ellipsis; //溢出用省略号显示
	display:-webkit-box; //作为弹性伸缩盒子模型显示。
	-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
	-webkit-line-clamp:2; //显示的行

你可能感兴趣的:(css,css,html,css3)