博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS white-space属性详解
阅读量:4657 次
发布时间:2019-06-09

本文共 694 字,大约阅读时间需要 2 分钟。

概述

CSS的white-space属性用于指定如何处理容器中的空白字符,例如:空格( )、换行(\n)、缩进(\t)等。

white-space出自CSS1,适用于块状元素,具有继承性,支持IE 5.5+、Chrome、FireFox、Safari、Opera等所有主流浏览器,其默认值为normal

说明

white-space支持normalprenowrappre-wrappre-lineinherit等值。下面我们来详细介绍这些值之间的区别。

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

JavaScript操作

white-space在JavaScript中对应的属性名称为whiteSpace,例如:

document.getElementById("p1").style.whiteSpace = "nowrap";

style对象上的whiteSpace属性是可读写的,但是currentStyle对象上的whiteSpace属性是只读的。

转载于:https://www.cnblogs.com/lzijian/p/6363894.html

你可能感兴趣的文章
DataGrip导出查询结果数据
查看>>
2019春第三次实验报告
查看>>
DockerToolbox在Win7上的安装和设置
查看>>
【洛谷 1168】动态中位数
查看>>
DNS安装配置
查看>>
tab 命令
查看>>
[待解决]LR9.5添加SiteScope9.5的问题
查看>>
RadioButtonList 属性设置
查看>>
Python 基础--Python介绍
查看>>
python爬虫-简单使用xpath下载图片
查看>>
python读取txt里的json文件,存到excel,例子1
查看>>
异常处理
查看>>
BaseDao
查看>>
【codevs1282】约瑟夫问题
查看>>
【codevs1081】线段树练习2
查看>>
作业13——web基础
查看>>
原生JS获取所有标签的数量并统计每个标签的数量
查看>>
slf4j简单使用
查看>>
vue2.0 keep-alive最佳实践
查看>>
Spring Boot入门
查看>>