css强制不换行或者自动换行或者强制换行

发布时间:2020/04/30 作者:天马行空 阅读(886)

在平时前端开发的过程中,总会遇到换行的问题,通过css可以很好的解决。那么如何来解决换行类的问题呢,我们来看看下面的几种情况。


一、强制不换行

div{
    white-space:nowrap;
}


二、自动换行

当容器内的内容超出宽度后自动换行

div{
    word-wrap: break-word;
    word-break: normal;
}


三、强制英文单词断行

div{
    word-break:break-all;
 }


关键字css