Skip to content

单行文本溢出和多行文本溢出的解决方案

wanglinzhizhi edited this page Jul 28, 2016 · 2 revisions

单行文本溢出和多行文本溢出的解决方案

单行文本溢出

单行文本溢出的解决方案,在不需要借助javascript的情况下,只用css就可以解决单行文本溢出问题,注意属性必须对块级元素起作用。下面多行文本溢出同理。

```css
		.inaline{
		  overflow:hidden;
		  white-space:nowrap;
		  text-overflow:ellopsis;
		}
```

多行文本溢出

```css
		.intwolin{
		  display:-webkit-box !important;
		  overflow:hidden;

		  text-overflow:ellopsis;
		  word-break:break-all;

		  -webkit-box-orient:vertical;
		  -webkit-line-clamp:2;

		}
```

Clone this wiki locally