本文主要是介绍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值的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
