Bonjour, j'ai un bloc contenant un (trop) grand texte.
J'aimerais en fait que sa hauteur soit définie (une ligne de texte), et j'ai mis un bloc '.moretxt' aligné à droite.
Quand on cliquera sur le lien "..." de ce bloc, la hauteur du texte s'étendra (avec jquery) pour afficher tout le texte.
Problème : même en ayant défini une hauteur (10 pixels), mon bloc s'ajuste automatiquement au texte contenu donc mon bloc ne veut pas s'afficher en petit par défaut.
Comment puis-je faire ??
Merci !
J'aimerais en fait que sa hauteur soit définie (une ligne de texte), et j'ai mis un bloc '.moretxt' aligné à droite.
Quand on cliquera sur le lien "..." de ce bloc, la hauteur du texte s'étendra (avec jquery) pour afficher tout le texte.
Problème : même en ayant défini une hauteur (10 pixels), mon bloc s'ajuste automatiquement au texte contenu donc mon bloc ne veut pas s'afficher en petit par défaut.
Comment puis-je faire ??
Merci !
.bloctext{
height: 10px;
text-align: justify;
}
.moretext{
float: right;
}
<div class="bloctext">
<div class="moretext"><a href="link">...</a></div>
mongrandtextequinestpassigrandpourlexemple
<div class="sourcetext">sourcetexte</div>
</div>