css文本自动换行及相关

// 自动换行，超出部分显示省略号
p {
    word-wrap: break-word; // 自动换行
    word-break: break-all; // 英文强制自动换行
    overflow: hidden;
    text-overflow: ellipsis; // 超出部分显示省略号
}
// 不换行
p {
    white-space: nowrap; // 超出部分正常显示
}

相关属性介绍

white-space

white-space属性是用来设置如何处理元素中的空白。值如下

• normal：默认。空白会被浏览器忽略。
• nowrap：文本不会换行，文本会在在同一行上继续，直到遇到 br 标签为止。
• pre：空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签。
• pre-wrap：保留空白符序列，但是正常地进行换行。
• pre-line：合并空白符序列，但是保留换行符。
• inherit: 规定应该从父元素继承 white-space 属性的值。

 word-break