如何仅显示div的第一行文本并在单击时展开？

假设您不想使用任何Javascript库（这很 奇怪 ）。

HTML：

<div id="content"></div>

CSS：

#content {    border: 1px solid red;    height: 1em;    padding: 2px;     overflow: hidden    }

Javascript：

document.getElementById("content").onclick = function() {    this.style.height = 'auto';}

另外，如果您想使用jQuery之类的Javascript框架，则可以对其进行动画处理。

$('#content').click(function() {    var reducedHeight = $(this).height();    $(this).css('height', 'auto');    var fullHeight = $(this).height();    $(this).height(reducedHeight);    $(this).animate({height: fullHeight}, 500);});