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是空白,浏览器默认为空白,所以,我的第一篇博客有一半是在...仿皮.
7174
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
