CSS truncation title

Uses the text-overflow attribute of CSS to capture titles based on the size of the display area. Program Automatic title capturing has two advantages:

(1) because the Chinese and English fonts have different widths, the program automatically intercepts the title, and the length may be uneven. With CSS, you can extract titles based on the size of the display area to make the display effect more neat.

(2) Output The Complete title, which helps search engines identify the Complete title content.

Parameters:
Clip: do not show the omitted mark (...), but simply crop
Ellipsis: when the object text overflows, the omission mark (...) is displayed (...)

Note: sets or retrieves whether to use an omitted mark (...) to indicate text overflow in the object.

Example:

Div { Text-Overflow : Clip ;   }
Div {
Width : * ** PX ;   /* Define the display area width */
Text-Overflow : Ellipsis ;
Overflow : Hidden ;   /* Compatible with FF, which hides parts that exceed the length */
White-space : Nowrap ;   /* To force text overflow and apply the ellipsis value, you must define text content not to wrap */
}