DIV中文字换行显示

div中文字换行问题：div设置宽度后，如果div里放的是汉字，文字超过div宽度会自动换行，如果是字母，则不会默认换行，超出div的宽度会溢出，需要通过属性值进行强制换行word-break:break-all只对英文起作用，以字母作为换行依据word-wrap:break-word只对英文起作用，以单词作为换行依据white-space:prare-wp只对中文起作用，强制换行white-sp

凌帅杰

6547人浏览 · 2021-08-25 22:32:20

凌帅杰 · 2021-08-25 22:32:20 发布

div中文字换行问题：

div设置宽度后，如果div里放的是汉字，文字超过div宽度会自动换行，如果是字母，则不会默认换行，超出div的宽度会溢出，需要通过属性值进行强制换行

word-break:break-all	只对英文起作用，以字母作为换行依据
word-wrap:break-word	只对英文起作用，以单词作为换行依据
white-space:prare-wp	只对中文起作用，强制换行
white-space:nowrap	强制不换行，都起作用

溢出文字用省略号表示

 div {
            width: 200px;
            height: 200px;
            /* 内容溢出隐藏 */
            overflow: hidden;
            /* 设置文本不换行 */
            white-space: nowrap;
            /* 元素溢出省略号 */
            text-overflow: ellipsis;
        }