html 文字折叠行 展开,有没有标签支持把一段文字折叠展开的效果？

可以用checkbox和CSS相邻选择器的特性来做

.item{

position: relative;

border:1px solid #CCC;

padding:5px;

}

.title{

height: 30px;

}

.item input[type=checkbox]{

opacity: 0;

position: absolute;

top:0;

left:0;

width:100%;

height: 30px;

z-index:2;

}

.item .ico{

position: absolute;

right:5px;

top:5px;

-webkit-transform: rotate(-90deg);

transform: rotate(-90deg)

}

.item .ico:after{

content:'>';

}

.item input[type=checkbox]:checked+.ico{

-webkit-transform: rotate(90deg);

transform: rotate(90deg)

}

input[type=checkbox]:checked~.content{

display: none;

}

垃圾信息举报

感谢您的反馈