For block-level elements such as div and p,
normal text (Asian text and non-Asian text) elements have the default white-space:normal, and they will automatically wrap after the defined width:
html
css
#wrap{white-space:normal; width :200px; }
1. (IE browser) For continuous English characters and Arabic numerals, use word-wrap: break-word; or word-break:break-all; to achieve forced line breaking
#wrap {word-break:break-all; width:200px;}
or
#wrap{word-wrap:break-word; width:200px;}
Effect: Line breaks can be achieved
2. (Firefox browser) Continuous English characters and Arabic numerals are broken. All versions of Firefox do not solve this problem. We can only hide the characters beyond the boundary or, Add scroll bars to the container
#wrap{word-break:break-all; width:200px; overflow:auto;}
Effect: The container is normal and the content is hidden
For table
1. (IE browser) Use table-layout:fixed; to force the width of the table, and the excess content is hidden
Effect: Hide redundant content
2. (IE browser) use table-layout: fixed; to force the width of the table, the inner td, th uses word-break: break-all; or word-wrap: break-word; line break
| abcdefghigklmnopqrstuvwxyz 1234567890 | abcdefghigklmnopqrstuvwxyz 1234567890
< ;/td> |
5. (Firefox browser) Embed in td,th Set div, p, etc. and use the method mentioned above to deal with Firefox to run the code box. Finally, the chances of this happening are very small.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
