html的table弹窗_使用html及CSS实现在table中文字信息超过5个隐藏，鼠标移到时弹窗显示全部：...

使用html及CSS实现在table中文字信息超过5个隐藏，鼠标移到时弹窗显示全部：

li9.club

a.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字