CSS dynamically controls long string styles on the page

CSS dynamically controls long string styles on the page

During front-end page development, the length of a column in the setting list is often encountered. Such as title and remarks

However, some of them need to dynamically adjust their length based on the width of the entire page. Otherwise, style misplacement may easily cause reading difficulties.

It is a good solution to dynamically control the capture of long strings through CSS attributes. The style settings are as follows:

Style = "text-overflow: ellipsis; white-space: nowrap; overflow: hidden ;"

These three attributes must be combined to achieve the effect!

The style settings are as follows: the first and second rows are appended with the style. The ellipsis is automatically set based on the width of the IE window.

Note: The three styles must be appended. Otherwise, it is invalid.