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

此例演示：

如何禁止文字换行

实例解析：

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

可以设置以下属性值：

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

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

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

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

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

继续学习

新建文件

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

提交重置代码

自动运行