我有这样长的文字：-
“改善患者体验的5个简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤5改善患者体验的简单步骤
但是我只需要两行就可以显示在页面上，还有一个更多的按钮可以查看完整的文本。这个可以与angular.js一起使用吗？
如果是，您会建议我什么？
是的，使用AngularJS完全可以实现-但是大多数解决方案实际上是CSS。
您将大部分可以通过CSS来做到这一点。首先，HTML / CSS并没有一个文本束占用多少行的概念。您可以通过设置容器元素的高度和CSS上文本的行高来获得所需的行为line-height。对于默认状态，请基于两倍的线高设置高度，并将设置overflow为隐藏。然后，您只需要让按钮有条件地应用一个类即可扩展容器的高度并将设置overflow为可见：
<style>
.container {
font-size: 16px;
line-height: 16px;
height: 32px;
overflow: hidden;
}
.show {
overflow: visible;
height: auto;
}
<div class="container" ng-class="{show: show}">
[your text]
</div>
<button ng-click="show = true">Show text</button>
您可以看中并使按钮也再次隐藏文本（作为切换）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句