欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

一连字母或数字不换行,会溢出超出对象设置宽度不换行,css word-wrap被动换行样式来用意。

一、word-wrap引见

word-wrap是设置对象内笔墨碰到对象顶边时能否采取换行排版构造。

1、语法
word-wrap:normal—— 容许内容顶开指定的容器内地,碰到连续没有空格英文或没有空格数字不换行(默认,不设置装备摆设对象也具有默许花式)
word-wrap:break-word —— 形式将在腹地内换行,当内容太多顶到对象边境时,形式被动自愿换行。

2、思空见贯状况
对象内连气儿数字或字母太多后,形式顶边对象容器后不会换行,而是溢出继续不换行表现。和汉字或有空格差别,汉字会定格容器腹地会主动换行。

不换行的数字和英文字母
一连数字或字母形成不自动换行

3、应用语法
p{word-wrap:break-word}
设置装备摆设html段落p内文字顶格对象容器边缘自动换行。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j52047.shtml