摘要:
下文讲述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对文本换行的示例分享