html超出不自动换行

分类: IT文章 • 2022-03-04 13:46:59

html超出不自动换行

1.使用overflow: hidden把超出的内容进行隐藏；

2.然后使用white-space: nowrap设置内容不换行；

3.最后使用text-overflow: ellipsis设置超出内容为省略号

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;