EM: The font-size of the parent element is the relative unit;
The font-size of rem:html is relative unit;
In order to solve the problem of REM in the unit conversion, we introduce a small method using REM, set the HTML font size to font-size:62.5%, and then use REM when it is better, such as 1.2REM=12PX,1.4REM=14PX, 1.6rem=16px.
Single-line text overflow hiding:
1, the definition of the text of the parent element of the width of the box, width;
2, beyond the hidden Overflow:hidden;
3. Force text to display white-space:nowrap on one line;
4, overflow text display ellipsis text-overflow:ellipsis
Multiple lines of text overflow:
Multi-line text display ellipsis
1. Width of parent element
2, beyond the text hidden Overflow:hidden
3, text overflow display ellipsis text-overflow:ellipsis
4, Word-break:break-all
5, Display:box
6, Box-orient:vertical
7, Line-clamp:number;
Web Development font Settings