white-space属性的normal值和nowrap值

normal：文本自动处理换行，到达容器边界的内容会自动转到下一行。

nowrap：在同一行内显示所有文本，直到文本结束或者文本后面有
标签。

white-space:normal 的属性其实我感觉用处不大啊...

我试了在div和li标签里,有没有normal都会去自动换行的.

代码:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div{width: 300px;height: 150px;background-color:darkcyan;/* white-space: nowrap; */white-space: normal;}</style>
</head>
<body><div><h3>这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字这是一段很高的文字</h3></div>
</body>
</html>

运行结果呢:

div里面有没有normal效果都是如此,

(我试了下li p 标签也是如此)

若是 nowrap 效果如下:

搜嘎四内,写到最后才发现normal是空白,浏览器默认为空白,所以,我的第一篇博客有一半是在...仿皮.

white-space属性的normal值和nowrap值相关推荐

css中white-space 属性：“pre”, “pre-line”, “pre-wrap” “nowrap”的区别
在css中white-space属性用来控制容器的文本中带有空白符.制表符.换行符等的显示,取值有: normal:默认,忽略文本中所有的空白.换行符:只有文本存在 <br> 或文本达到框 ...
线上问题处理-feign调用报错（Illegal character ((CTRL-CHAR, code 31)): only regular white space (\r, \n, \t) ）
线上问题处理-feign调用报错业务场景:服务1通过Feign调用服务2,测试阶段一切正常,线上有数据丢失(为避免敏感本地简单复现了下).报错如下: 2021-12-04 13:47:47.774 ...
js入门·表单详解一（修改表单属性，修改表单元素值）
实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演 ...
属性“dataProvider”有多个初始值设定项。（注意:“dataProvider”是“mx.charts.BarChart”的默认属性）。...
1.错误描写叙述属性"dataProvider"有多个初始值设定项.(注意:"dataProvider"是"mx.charts.BarChart&q ...
如何解析属性文件（properties）获取键值对的值？
文章目录创建属性文件解析属性文件获取数据使用类加载器使用 File 对象创建属性文件新建 db-oracle.properties , 存放项目必须使用到的参数: driver = ora ...
Visual Studio Tip 之如何查看隐形的空格(white space)和制表符(tab)
许多软件公司对于自己源代码的格式有这严格的规定, 比如说缩进的时候应该用多少个空格, 或多少个制表符都是不能有差错的. 然而, 三个空格和四个空格有很明显的区别么? 四个空格和一个制表符光靠肉眼容易分 ...
【Python3.7】就餐人数：在为完成练习 9-1 而编写的程序中，添加一个名为 number_served 的属性，并将其默认值设置为 0。根据这个类创建一个名为 restaurant 的实例
# [Python3.7]就餐人数:在为完成练习 9-1 而编写的程序中,添加一个名为 number_served的属性,并将其默认值设置为 0.根据这个类创建一个名为 restaurant 的实例: ...
HTML form表单添加enctype属性后获取不到input值
HTML form表单添加enctype属性后获取不到input值问题如图所示, 在servlet中输出获取的属性值,发现全部为null 最后结论 enctype修改了form表单提交时的格式,不再 ...
《Java SE实战指南》05-05：空白字符（White Space）
内容导航: 前言 1.定义 2.缩进 3.空格 4.空行 1.定义空白字符(White Space),包括ASCII空格符.水平制表符.换页符和行终止符,主要用来格式化代码. 2.缩进 4个空格,还 ...

white-space属性的normal值和nowrap值

white-space属性的normal值和nowrap值相关推荐

最新文章

热门文章