定义和用法

white-space 属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。

默认值: normal
继承性: yes
版本: CSS1
JavaScript 语法: object.style.whiteSpace="pre"

实例

规定段落中的文本不进行换行:

p
{
white-space: nowrap
}

TIY

浏览器支持

所有浏览器都支持 white-space 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。

TIY 实例

在元素中禁止文本折行
本例演示如何禁止在元素中的文本折行。

相关页面

CSS 教程:CSS 文本

HTML DOM 参考手册:whiteSpace 属性

CSS 参考手册

white-space:pre   可能会导致IE不自动换行,将容器撑大

最新文章

  1. 使用Mysql Workbench 画E-R图
  2. struts2文件上传提示信息国际化
  3. 为ASP.NET MVC视图输出json
  4. The entity type &lt;type&gt; is not part of the model for the current context
  5. List、Map、Set
  6. HTML-meta
  7. The sandbox is not in sync with the Podfile.lock. Run &#39;pod install&#39; or update your CocoaPods installation. 怎么解决
  8. leetcode 229 Majority Element II
  9. HDU 4462
  10. 关于Ajax跨域
  11. 前端开发面试题收集 JS
  12. 构建自己的Java并发模型框架
  13. 机器视觉----LBP
  14. HashMap 之弱引用 - WeakHashMap
  15. WPF DesiredSize &amp; RenderSize
  16. 在Linux下用gcc编译hello world
  17. 小T牛 绿色版 18.08.0100
  18. 带查询参数 可分页 的 T-SQL 语句写法
  19. Android里透明的ListView
  20. RabbitMQ图解

热门文章

  1. Altium designer 原理图库快速创建
  2. SQL Server 2012 Enterprise Core Edition和SQL Server 2012 Enterprise Edition的区别
  3. Android Studio 修改 包名 package name
  4. CODESOFT中的圆角矩形的弧度该怎样设置?
  5. X86 架构和 ARM 架构
  6. javascript设计模式-组合模式
  7. 常用思科设备图标(JPG+矢量图)
  8. CLRS:max_heap and min_heap operation (pseudocode)
  9. .NET Reflector反编译的方法
  10. SQL表自连接用法