如何实现css限制字数,超出部份显示点点点鼠标滑过显示全部

2020-09-10 教育 127阅读




Document

p{
width: 250px;
height: 30px;
line-height: 30px;
color: #000;
font-size: 14px;
}
p >a {
display: block;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
p >a:hover{
display: block;
width: 100%;
overflow: auto;
white-space: normal;
}




测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字测试的文字



差不多就这样,你在调一调,主要就是text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

这三个属性!

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com