Research on CSS-related text styles

2. White-space:

   Normal

   |
   Pre

   |Nowrap

   This attribute is generally followedNowrap

   It means that the content in a label is displayed in one row. If this line is not displayed, it must be displayed forcibly. If you are interested, refer to the Baidu homepage, which uses this attribute. This was found when I checked the CSS of the Baidu homepage when I learned CSS. But it does not exist now.

   What is

   |
   Try it.

   What is

   |
   Try it.

4. Word-wrap:

   Normal

   |
   Break-word

   This attribute mainly usesBreak-word

   To force line feed display. For example, a long string: asdfdfasdfsdfagddgasdghshashfha exceeds the width of the container, and a line break is forced. For example:

   Asdfdfasdfsdfagddgasdghshashfha

This attribute has always been a special attribute of IE before css3. After css3 was released, it is now supported by the latest browsers other than IE. Microsoft does have foresight, including a series of filter functions.

6. text-overflow:

   clip

   |
   ellipsis

   is about ellipsis

   This attribute is used to display ellipsis when the container width exceeds the container width. It is very good and powerful and practical. This attribute also appeared at the beginning of Microsoft's IE6, and is now available in css3, but Firefox and opera's latest browsers do not support it, which is a pity. The following describes how to use this attribute by adding two additional attributes: first, overflow: hidden; second, white-space: nowrap;

   asdfdfasdfsdfagddgasdghshashfha

   .