在网页设计的过程中，div是经常使用的标签，那么，如何设置才能让div中的文字，自动换行或者强制不换行呢？
工具/原料
vscode
方法/步骤
1
打开vscode，创建一个测试页面，在测试页面中，添加一个宽度=300px的div，同时添加div的红色边框。此处设置固定宽度和边框，是为了更好的演示换行与不换行
2
在div标签的内部，添加一些测试的文字，这些文字可以随便添加，仅仅只是演示而已。文字不要太少，最少要占据两行的空间
3
在浏览器中打开测试页面，可以看到默认div内部的文字就自动换行了。因此，在没有设置强制不换行的情况下，让其自动换行，不需要额外的设置
4
如果想要div内部的文字强制不换行，使用下面这个css样式即可。white-space: nowrap;
5
在浏览器中，再次打开测试页面可以看到，div内部的文字强制没有换行了，而且占用的宽度已经超过了div预设的宽度了
7
在浏览器中再次打开测试页面，就能看到文字没有超过div预设的宽度了，也没有换行，div宽度显示不够的文字，自动有了滚动条
上一篇：什么是挑檐板
下一篇：解决人畜饮水困难的措施