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;
}