CSS断行相关样式备份

项目用到一些文字片段，有些需要自动换行，有些需要强制不换行，有些又需要强制断行，或者超出显示省略号，这些需求在日常工作中也经常用到，这里记录一些样式，权当备份，便于查阅。

部分来源于网络，但是已经过验证。不保证随着浏览器升级，代码还能生效。

强制不换行

div {
    white-space: nowrap;
}

自动换行

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

强制换行(主要防止英文单词过长导致超出，中文一般不会有问题)

div {
    word-break: break-all;
}

超出显示省略号

div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* 兼容IE6 */
    _text-overflow: clip;
    _white-space: normal;
    /* 这里宽度固定的话可设置宽度来兼容IE6 */
}