诚然,我对CSS并不擅长.我知道那里有类似的问题和例子,但是尽管有很多尝试,我还是无法用我的例子做任何事情.非常感谢您的帮助.
如果将鼠标悬停在底部表格中的“Data1,1”单元格上,它会自动展开以显示整个单元格内容.但是,我希望能够做的而不是将其扩展为悬停,而是能够单击一次以展开单元格,然后再次单击以将其收缩/折叠回其原始状态.我想用CSS而不是Javascript来做这件事.
谢谢!
HTML:
CSS:
body,table{
font-family:verdana,arial,sans-serif;
font-size:12px;
border-collapse:collapse;
}
td,th{
padding:3px 3px;
margin:0px;
border:1px solid #BBB;
white-space:nowrap;
}
.content{
height:15px;
width:100px;
overflow:hidden;
text-overflow:ellipsis
}
.content:hover{
height:auto;
width:auto;
}
如果觉得《html 表单折叠实现 纯CSS HTML表格单元格展开/折叠点击》对你有帮助,请点赞、收藏,并留下你的观点哦!