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.

Next Section

new file

<!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>

submit Reset Code

Automatic operation

Full Screen