white-space属性的normal值和nowrap值
normal:文本自动处理换行,到达容器边界的内容会自动转到下一行。nowrap:在同一行内显示所有文本,直到文本结束或者文本后面有标签。white-space:normal 的属性其实我感觉用处不大啊...我试了在div和li标签里,有没有normal都会去自动换行的.代码:<!DOCTYPE html><html lang="en"><head><me
·
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是空白,浏览器默认为空白,所以,我的第一篇博客有一半是在...仿皮.
更多推荐
已为社区贡献1条内容
所有评论(0)