Многоточие для многострочного текста

Сделать обрезку текста с многоточием … для многострочного текста, в отличие от стандартной однострочной text-overflow: ellipsis, можно так:

.ellipsis-multiline {
	overflow: hidden;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	
	/* количество строк задается здесь */
	-webkit-line-clamp: 3;
}

See the Pen by Alexey Silichenko (@asilichenko) on CodePen.

Не стоит использовать padding-bottom, т.к. скрытый текст будет просвечивать на этом отступе

No comments:

Post a Comment

Why BQ28Z610 function Current() returns 0 mA

Fixing 0 mA Current Readings on the BQ28Z610 Device Custom driver for the BQ28Z610 device was connected directly via I2C. It is p...