One of the common CSS techniques is to prevent text from wrapping automatically.

Author：Eve Cole Update Time：2009-05-31 01:04:54

white-space: nowrap

When the Chinese text is very long (there are no spaces or line breaks in the middle), whether it is IE or Firefox, it will automatically wrap when it reaches the boundary.

But in some cases, we don't want this. For example: when several li's are arranged side by side and you don't want the text of the last li in each line to wrap automatically, you can use this attribute.

After using this css attribute, the text can only wrap when it encounters a space or a newline character.

for example:

div{white-space: nowrap;}

Run the demo
<style type="text/css"> div{width:300px;border:1px solid red;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div class=" nowrap"> This is a very long text with no spaces or line breaks in the middle. It will not automatically wrap until it is intercepted<br /> </div> <div> This is a very long text with no spaces or line breaks in the middle but It will wrap automatically<br /></div>

For the extra-wide text in the above two divs, the first one is prohibited from wrapping, and then the extra-wide one is intercepted; the second one is not set, so it automatically wraps.