记录实用有价值的内容

CSS 强制换行和禁止换行

CSS 强制换行和禁止换行

强制换行

word-break: break-all; // 以单个字符的字母或汉子作为对象进行换行
word-wrap: break-word; // 只对英文起作用,以单词作为对象进行换行
white-space: pre-wrap; // 只对中文起作用,强制换行

禁止换行

white-space: nowrap; // 禁止换行
overflow: hidden; // 多出的内容隐藏起来,否则多出的内容会撑破容器
text-overflow: ellipsis; // 超出的部分显示为省略号...

上一篇:CSS 修改placeholder的颜色