p { white-space: Nowrap; /*文字不换行*/ } span { white-space: normal; /*文字可以换行*/ display: inline-block; /*使CSS能够使用width和height*/ width: 20px; /*设置span的宽度*/ height: 20px; /*设置span的高度*/ font-size: 16px; /*设置字体大小*/ }在HTML文件中,使用这个特殊字符来实现两个字换行:
保 重
上述代码中的 表示在这两个字之间增加了5个不可断空格,这样这两个字就会换行。 第二种方式是通过使用CSS中的word-break属性来实现:p { word-break: break-all; /*全部断行*/ } span { display: inline-block; /*使CSS能够使用width和height*/ width: 20px; /*设置span的宽度*/ height: 20px; /*设置span的高度*/ font-size: 16px; /*设置字体大小*/ }在HTML文件中,不需要使用 这个特殊字符,直接输入两个字即可:
保重
这样,在CSS样式的作用下,这两个字就会自动换行了。 无论是哪一种方式,都可以在CSS中实现两个字换行,具体使用哪种方式可以根据实际情况来选择。