1、首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏。
width: 245px;/*一定要设置固定宽度*/
overflow: hidden;/*不显示超过对象尺寸的内容,就是把超出的部分隐藏了*/
2、设置文本缩略的样式为"..."
white-space: nowrap;/*表示文本不会换行,在同一行继续,直到遇到标签为止*/
text-overflow: ellipsis;/*当文本对象溢出是显示...,当然也可是设置属性为clip不显示...*/
2023-02-23 19:47:50
1、首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏。
width: 245px;/*一定要设置固定宽度*/
overflow: hidden;/*不显示超过对象尺寸的内容,就是把超出的部分隐藏了*/
2、设置文本缩略的样式为"..."
white-space: nowrap;/*表示文本不会换行,在同一行继续,直到遇到标签为止*/
text-overflow: ellipsis;/*当文本对象溢出是显示...,当然也可是设置属性为clip不显示...*/