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

此例演示:

如何禁止文字换行

实例解析:

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>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

CSS 代码实例