文字换行显示和超出转换为省略号

1.文字超出换行

overflow-y: auto;

overflow-wrap: break-word;  p标签文字过长时换行，纯数字或纯字母使用

white-space:nowrap;  规定段落中的文本不进行换行：:

2.文字超出省略号

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

/**灰色滤镜*/

.grey {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;

}

/**黑色滤镜*/

.black {

  -webkit-filter: brightness(30%);

  -moz-filter: brightness(30%);

  -ms-filter: brightness(30%);

  -o-filter: brightness(30%);

  filter: brightness(30%);

  filter: black;

}