使用html及CSS实现在table中文字信息超过5个隐藏,鼠标移到时弹窗显示全部:
li9.cluba.popup{
display: inline-block;
width:90px;
word-break: keep-all;
overflow: hidden;
text-overflow: ellipsis;
}
a.popup div{
display:none;
background-color:#F1867C;
position:absolute;
border: 1px solid;
padding:4px;
}
a.popup:hover div{display:block;}
table {
width: 100%;
float: left;
table-layout:fixed;
width:500px;
border:1px solid #ccc;
border-collapse:collapse;
}
table tr {
line-height: 25px;
border:1px solid #ccc;
}
table th,td {
border:1px solid #ccc;
text-align:center;
}
姓名 | 个性签名 | 性别 | beizhu |
---|---|---|---|
张san | 是的师傅师傅说的ddddddddddddddddddddddddddddddddddddddddddd字
是的师傅师傅说的ddddddddddddddddddddddddddddddddddddddddddd字
| 悬发生的发生地方斯蒂芬森对方的身份ddddddddddddddddddddddddddddddddddddddddddd字
悬发生的发生地方斯蒂芬森对方的身份ddddddddddddddddddddddddddddddddddddddddddd字
|