Disable text wrapping within an element

This example demonstrates:

How to prohibit text wrapping

Example analysis:

The white-space attribute specifies how to handle whitespace within the element.

You can set the following attribute values:

●Normal: By default, blank spaces will be ignored by the browser.​

● pre: White space will be retained by the browser, and its behavior is similar to the <pre> tag in HTML.

● nowrap: The text will not wrap. The text will continue on the same line until the <br> tag is encountered.​

● pre-wrap: Keep the whitespace sequence, but wrap normally.​

● pre-line: Combine whitespace character sequences, but retain newline characters.


Continuing Learning
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style type="text/css"> p { white-space:nowrap; } </style> </head> <body> <p> 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。 </p> </body> </html>
submitReset Code