• Div前台显示自动换行和不自动换行的问题
  • jackchain 发表于 2016/2/26 9:13:00 | 分类标签: css教程 强制换行 强制不换行
  •  
    1、无法自动换行

    * 问题:如果 div 输入的是英文字母且没有空格,会导致英文字母不换行直接在同一行输出,导致 div 的宽度远远超出设定的大小。

    * 原因:因为在 div 中,英文字母之间没有空格的话,默认为一个英文单词,所以单词就一次输出不换行。

    * 解决:通过设置 css:

    word-wrap: break-word; /*自动换行*/
    

    2、单行显示

    * 问题:如果希望 div 输入的字符只在一行中显示,超过设定的大小则显示为 ...

    * 解决:通过设置 css:

    white-space: nowrap; /*不换行*/
    overflow: hidden; /*超出的隐藏*/
    text-overflow: ellipsis; /*超出部分自动用...来表示*/
  • 请您注意

    ·自觉遵守:爱国、守法、自律、真实、文明的原则

    ·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规

    ·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品

    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任

    ·您在编程中国社区新闻评论发表的作品,本网站有权在网站内保留、转载、引用或者删除

    ·参与本评论即表明您已经阅读并接受上述条款

  • 感谢本文作者
  • 作者头像
  • 昵称:jackchain
  • 加入时间:2014/6/1 14:48:00
  • TA的签名
  • 这家伙很懒,虾米都没写
  • +进入TA的空间
  • 以下内容也很赞哦
分享按钮