在一个元素内禁止文字换行

此例演示：

如何禁止文字换行

实例解析：

white-space属性指定元素内的空白怎样处理。

可以设置以下属性值：

　●　normal：默认，空白会被浏览器忽略。

　●　pre：空白会被浏览器保留，其行为方式类似 HTML 中的 <pre> 标签。

　●　nowrap：文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

　●　pre-wrap：保留空白符序列，但是正常地进行换行。

　●　pre-line：合并空白符序列，但是保留换行符。

继续学习

新建文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX