html给文本换行,css 如何对文本进行换行呢?

摘要:

下文讲述css如何对文本进行换行的方法分享，如下所示；

实现思路:

使用以下css属性，即可对文本进行换行操作

word-break:break-all；/* 单词内换行 */

word-wrap:break-word;/* 以单词/网址/换行 */

white-space:pre-wrap;/* 保留空白 */

white-space:nowrap; /* 不换行 */

例:

css文本换行示例说明

maomao365.com

css文本换行示例

---

.wrap{

width:11em;

border:1px solid green;

}

p.a{word-wrap:break-word;}

p.b{word-break:break-all;}

p.c{white-space:pre-wrap;}

p.d{white-space:nowrap;}

webSiteName is maomao 365.com mao mao mao365.commao365.comtest.

webSiteName is maomao 365.com mao mao mao365.commao365.comtest

注释：

Opera不支持word-break;

Opera不支持word-break;

css对文本换行的示例分享