`
zhangyaochun
  • 浏览: 2560292 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

css3之word-wrap

    博客分类:
  • css3
阅读更多

简单记录,学习参考

 

https://developer.mozilla.org/en-US/docs/CSS/word-wrap

 

 

word-wrap: normal | break-word

 

 

  • normal             控制连续的文本换行
  • break-word     内容将在边界内换行。如果需要。词内换行
 
 
兼容性:
 


 

 

 

 

.word_wrap{
    width:120px;
    word-wrap:break-word;
    overflow:hidden;
}
  • 大小: 36.1 KB
分享到:
评论

相关推荐

    CSS3文本换行word-wrap解决英文文本超过固定宽度不换行

    当CSS3出现的时候,我们就可以用CSS3之文本换行word-wrap来解决这个问题了。下面就为大家介绍一下CSS3之文本换行word-wrap吧。 一、word-wrap的语法 1、语法 复制代码代码如下: word-wrap : normal || break-...

    css中强制换行word-break、word-wrap、white-space区别实例说明

    复制代码代码如下:”c1″>safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj</div><div class=c1>This is all English. This is all English. This is all English.</div><div class=c1>全是中文的情况。...

    webfrom-列表文本内容自动换行 word-break-keep-all;word-wrap-n.pdf

    <asp:TemplateColumn HeaderText="OP CREATE USER" HeaderStyle-HorizontalAlign="center"> <HeaderStyle HorizontalAlign="Center"></HeaderStyle> <ItemStyle CssClass="dxgv">...word-wrap:normal");

    css文本换行属性word-wrap和white-space使用总结

    今天碰到了td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,顺便看了一下文本换行的属性word-wrap,总结如下: white-space的默认只是normal,自动换行。 word-break:break-all和word-wrap:...

    CSS word-wrap同word-break的区别

    兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 在 IE 下没有任何...

    CSS overflow-wrap新属性值anywhere 用法大全

    CSS overflow-wrap 属性其实就是以前的 word-wrap 属性,MDN现在直接把 word-wrap 的文档页跳转到 overflow-wrap 属性的文档页了。 由于 overflow-wrap 属性IE浏览器不支持,而其他现代浏览器依然支持老的 word-wrap...

    css 英文换行 css(word-wrap/break)使纯英文数字自动换行

    word-wrap用来控制换行 两种取值: (1)normal (2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。) word-break用来控制断词 三种取值...

    css word-break word-wrap 前台显示自动换行

    在table中加入 style="WORD-WRAP: normal;TABLE-LAYOUT: fixed;word-break:normal" 总结如下.

    word-wrap与word-break 属性的概述及浏览器默认处理

    复制代码代码如下:{ word-wrap: normal; /*浏览器对文本默认的自动换行处理*/} 如图:浏览器自动换行文本     二、break-word属性值 当然在网页排版中也会遇到一些特殊情况,例如:某个单词(某品牌的英文名称)够长...

    CSS属性探秘系列(一):word-break与word-wrap

    本文是CSS属性探秘系列的第一篇,详细介绍了word-break与word-wrap的异同与示例分析,非常简单实用,有需要的朋友可以参考下

    浅析word-break work-wrap的区别

    css3 Javascript语法 object.style.wordBreak="keep-all"   值 描述 normal 使用浏览器默认的换行规则。 break-all 允许在单词内换行。 keep-all 只能在半角空格或连字符处换行。 兼容性: 举个...

    英文强制换行css 使用css强制英文单词断行代码

    复制代码代码如下:{ word-wrap: break-word; word-break: normal; } 强制英文单词断行复制代码代码如下:{ word-break:break-all; } CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认 pre 换行

    InfoPath word-wrap fixer-crx插件

    也可通过https://addons.mozilla.org/en-GB/firefox/addon/infopath-word-wrap-fixer/在Firefox中使用。 如果您需要在任何网站中修复区域文本元素,请参阅...

    css3.0参考手册 CHM

    CSS3 Properties 属性列表 Borders border-color border-image border-radius box-shadow Backgrounds background-origin background-clip background-size multiple backgrounds Color HSL colors HSLA colors ...

    CSS的Word_break、Word_Wrap的区别及应用

    word-wrap:normal | break-word; (内容换行) normal:默认的属性值.(允许内容顶开指定的容器边界). break-word:内容将在边界内换行(不截断英文单词换行,截断英文单词下面的属性才具备这个功能。) word-break:no

Global site tag (gtag.js) - Google Analytics