The difference between word-wrap, white-space and word break_html/css_WEB-ITnose

1. word-wrap:break-word;

The content will wrap within the boundary. It is only used for block objects. If you want to use it for inline objects, you must set height, width or display:block or position:absolute.

2. word-break:break-all;

is used to handle word breaks. (Note the comparison with the first attribute), the entire word will be removed

3. white-space:nowrap;

is used to process the white space within the element , only displayed in one line.

4. text-overflow:ellipsis;

The excess part displays ellipses.