使用了
p.titleholder { font-family: ms sans serif, arial; font-size: 8pt; width: 100; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
如何在鼠标移上时，或者使用其他方式来显示完整信息？
认证高级PHP讲师
The simplest way is to add the title attribute to the tag and assign the content to be displayed.
title
<p title="全部内容">部分内容</p>
p.titleholder:hover { text-overflow:inherit; overflow: visible; white-space: pre-line; }
http://www.w3school.com.cn/tiy/t.asp?f=css3_text-overflow_hover
p.titleholder:hover { overflow: visible; }
Not sure if this effect is what you want?
Is that so?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> p { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } p:hover { width:auto; } </style> </head> <body> <p>算哒垃圾死分拉萨机aldj都是sd</p> </body> </html>
Add a title attribute~
If the default style of the title does not meet product expectations, customization is a good choice; see demo
Write multiple classes directly and add the class when the mouse passes over it. Just remove the styles that exceed the ellipsis display
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
The simplest way is to add the
titleattribute to the tag and assign the content to be displayed.p.titleholder:hover {
text-overflow:inherit;
overflow: visible;
white-space: pre-line;
}
http://www.w3school.com.cn/tiy/t.asp?f=css3_text-overflow_hover
Not sure if this effect is what you want?
Is that so?
Add a
titleattribute~If the default style of the title does not meet product expectations, customization is a good choice; see demo
Write multiple classes directly and add the class when the mouse passes over it. Just remove the styles that exceed the ellipsis display