Maison  >  Questions et réponses  >  le corps du texte

angular.js - angular内容过长展开收起效果

1.p中的内容过长,当内容过长,超过两行的显示时,出现一个【展示】标签,展开之后内容最后面出现【收起】标签,类似于QQ空间发表的说说,长了显示全文,完了还可以收起来的效果,我做的无法判断内容长度,而且一行中显示的中英文字数是不等的,想有个效果完整的例子看看。

仅有的幸福仅有的幸福2738 Il y a quelques jours722

répondre à tous(3)je répondrai

  • PHP中文网

    PHP中文网2017-05-15 17:04:00

    Laissez-moi vous donner une idée. En HTML, ajoutez un bloc en ligne (votre expansion et votre fermeture) après le texte. Le paramètre CSS est fixé à un niveau élevé et overflow:hidden est dépassé. js détermine la hauteur et ajoute une classe à la couche la plus externe après l'avoir dépassée. Cette classe contrôle votre expansion et votre fermeture, et efface également la hauteur fixe et le débordement : caché. Bien sûr, s’il est réactif, il faut penser à une autre solution.

    répondre
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 17:04:00

    filtre angulaire

    répondre
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:04:00

    Utilisez line-height pour spécifier la hauteur et utilisez cette hauteur pour réaliser un rétrécissement et un étirement

    répondre
    0
  • Annulerrépondre