使用了
p.titleholder {
font-family: ms sans serif, arial;
font-size: 8pt;
width: 100;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
如何在鼠标移上时,或者使用其他方式来显示完整信息?
阿神2017-04-17 13:01:05
p.titleholder:hover {
文字溢位:繼承;
溢位:可見;
white-space:行前;
}
http://www.w3school.com.cn/tiy/t.asp?f=css3_text-overflow_hover
巴扎黑2017-04-17 13:01:05
是這樣麼?
<!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>