HTML5技术

HTML自动换行的问题 - jerrylsxu

字号+ 作者:H5之家 来源:博客园 2016-01-14 12:54 我要评论( )

有时文本文字已经超过所在的区域,但是文字还是不自动换行可以用强制换行 强制不换行div{ white-space:nowrap;}自动换行div{ word-wrap:break-word; word-break:normal;}强制英文单词断行div{ word-break:break-all;} 这个是超出隐藏,注意设置宽度 overflow:

有时文本文字已经超过所在的区域,但是文字还是不自动换行 可以用强制换行

强制不换行div{ white-space:nowrap;} 自动换行div{ word-wrap:break-word; word-break:normal;} 强制英文单词断行div{ word-break:break-all;}

  

这个是超出隐藏,注意设置宽度

overflow:hidden; /*超出部分隐藏*/ white-space:nowrap; /*文本溢出用"..."表示*/ text-overflow:ellipsis;/*适用IE*/ -o-text-overflow:ellipsis; /*适用opera*/ -moz-binding: url('ellipsis.xml#ellipsis');/*适用火狐(firefox通过XUL实现效果)*/

  

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评