css多余文字用省略号代替

1.规定段落中的文字不换行

div {
  white-space: nowrap;
}

2.多余文字用省略号代替

div {
  text-overflow: ellipsis;
}

3.如果没有生效写溢出既隐藏

div {
  overflow: hidden;
}

4.效果演示

.div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

标签：省略号,space,text,多余,overflow,nowrap,div,css
来源： https://www.cnblogs.com/wu-hen/p/12797092.html