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

posted @ 2020-04-28 20:41  无痕-范特西  阅读(463)  评论(0编辑  收藏  举报