CSS3أساسي
Correction d'un texte qui dépasse son conteneur
السيناريو
Contexte : Une carte produit affiche parfois des titres très longs. Le Problème : Le texte dépasse du conteneur et casse la mise en page. Contraintes : Utiliser uniquement des propriétés CSS3 comme overflow et text-overflow. Livrable attendu : Limiter l'affichage du texte à une ligne avec ellipsis lorsque le contenu est trop long.
المهارات المستهدفة
css3overflowtextlayout
حالات تطبيقية أخرى في CSS3
- Implémentation d'un menu déroulant pure CSSمتقدم
- Création d'un système de layout adaptatif basé sur container queriesخبير
- Implémentation d'une grille responsive avec auto-fit et minmaxمتقدم
- Implémentation d'un système de composants avec isolation via :where et :isخبير
- Mise en place d'un système de cartes avec Flexbox adaptatifمتقدم
- Implémentation d'un système de design tokens avec variables CSSخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى