css樣式之超出隱藏

文本超出部分隱藏，總結兩種方法。

1、單行隱藏

html代碼

<div class="mi">當文字超過范圍的時候，超出部分會隱藏起來。</div>

css代碼

.mi {
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

結果

當文字超過范圍的時候，超出部分會隱藏起來。

2、多行隱藏

html代碼

<div class="mi">當文字超過范圍的時候，超出部分會隱藏起來。可以設置第幾行開始隱藏。</div>

css代碼

.mi {
	width: 200px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

結果

當文字超過范圍的時候，超出部分會隱藏起來。可以設置第幾行開始隱藏。