CSS 文字换行

1、强制不换行:

  div
        {
            white-space: nowrap;
        }

 

2、自动换行：

  div
        {
            word-wrap: break-word;
            word-break: normal;
        }

 

3、强制英文单词断行(如果不设置，则英文单词不换行)：

  div
        {
           word-break: break-all; 
        }

 

4、超出宽度显示.

 

      div
        {
            display: block; /*内联对象需加*/
            word-break: keep-all; /* 不换行 */
            white-space: nowrap; /* 不换行 */
            overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。IE, Safari (WebKit)IE, Safari (WebKit)*/
            -o-text-overflow: ellipsis; /* 兼容Opera */
        }