-1
J'utilise des messages de wordpress et pour faire de chaque article de la même longueur j'utilise le code CSS que vous pouvez voir ci-dessous. Cela a fonctionné très bien jusqu'à maintenant, quand j'ai ajouté un post avec plus d'un paragraphe. Lorsqu'il y a plus d'un paragraphe, ce code ne s'applique pas du tout et il affiche simplement le message complet. Est-il possible d'appliquer ce code uniquement au premier paragraphe?Est-il possible d'appliquer une ellipse de débordement de texte uniquement sur le premier paragraphe?
J'utilise le code suivant:
.newspost p {
display: block;
display: -webkit-box;
line-height: 18px;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
<div class="newspost">
<h2><?php echo get_the_title(); ?> </h2>
<p>
<?php the_content(); ?>
</p>
<div class="read-more">
<a href="<?php echo get_preview_post_link(); ?>">lees meer</a>
</div>
</div>
Pouvez-vous montrer le contenu rendu qui a plus d'un parapgraphe. Aussi, quel est le point de l'ellipse si vous allez montrer plus d'un paragraphe - sûrement le point est qu'il est coupé, puis vous cliquez sur le plus pour plus de contenu, vous ne devriez pas couper le premier paragraphe puis montrer une seconde - cela signifie que tout contexte de la première sera perdu – Pete
Je comprends pourquoi vous êtes confus de ne l'appliquer que sur le premier paragraphe. Le problème était que j'utilisais la balise p pour charger le contenu à l'intérieur, qui contenait aussi des balises p. Au moins, c'est ce que je pense. Je ne pouvais pas obtenir les autres paragraphes pour rester caché de toute façon, c'est pourquoi je suis venu avec ce genre de "solution" tordue que j'ai posté ci-dessous. – amyvl
Marquez la bonne réponse s'il y en a une. –