/*CSS*/. P{width:200px;Word-break:Break-all;Text-overflow:ellipsis;Display:-webkit-box;/** Object as Telescopic box model display **/-webkit-box-orient:Vertical;/** Set or retrieve the arrangement of child elements of a telescopic box object **/-webkit-line-clamp:2;/** Number of lines displayed **/Overflow:Hidden;/** Hide beyond the content **/}
1,word-break:break-all such as a div width of 200px, its content will go to 200px word wrap, if the end of the line has a long English words (congratulation, etc.), it will truncate the word, to the end of the line is Conra ( Congratulation), the backend portion of the next behavior tulation (conguatulation).
2,word-wrap:break-word example is the same as above, but the difference is that it will congratulation the whole word as a whole, if the line end width is not enough to display the whole word, it will automatically put the whole word to the next line, not the word truncated.
CSS lets text display a specific number of lines, superfluous display ellipses