css如何实现不换行、自动换行、强制换行

css如何实现不换行、自动换行、强制换行

在css中，如果我们想实现文本不换行、自动换行、强制换行，如何实现呢？下面小编举例讲解css如何实现文本不换行、自动换行、强制换行。

我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解css如何实现文本不换行、自动换行、强制换行。

在test.html文件内，要分别创建三个div，并且把文字内容写上“css如何实现文本不换行、自动换行、强制换行”。

给div标签加上一个样式，把三个div设置class属性分别为mybkkd-a,mybkkd-b,mybkkd-c。

编写css样式标签，mybkkd-a,mybkkd-b,mybkkd-c样式将写在该标签内。

在css标签内，通过三个div的class属性mybkkd-a,mybkkd-b,mybkkd-c设置文本不换行、自动换行、强制换行。

在css样式标签里，在括号内，

mybkkd-a的css属性样式为white-space:nowrap;不换行

mybkkd-b的css属性样式为word-wrap: break-word;word-break: normal;自动换行

mybkkd-c的css属性样式为word-break:break-all;强制换行

在浏览器浏览一下test.html，来看看效果能否实现。