單行 / 多行文本溢出隱藏的解決辦法

單行文本超出隱藏:html

在這裏插入代碼片
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

多行文本超出隱藏:web

其餘多行溢出隱藏方法:思路///能夠考慮用… + 定位來實現////先給定高度後,在after後面添加... + 定位的方法實現假的多行隱藏效果////多行溢出隱藏無非就是用戶看不見全貌,能夠經過這個思路在這裏插入代碼片
	overflow:hidden;/*超出隱藏*/
	text-overflow:ellipsis;/*文本溢出時顯示省略標記*/
	display:-webkit-box;/*設置彈性盒模型*/
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;/*子代元素垂直顯示*/

改方法只能在本地使用,能夠嘗試在後面加上下面倆行代碼試試
	/*! autoprefixer: off */
	 /*autoprefixer: on */
相關文章
相關標籤/搜索