débordement de texte et retour à la ligne

text-overflow est utilisé pour définir s'il faut utiliser une marque de points de suspension (...) pour marquer le débordement de texte dans l'objet.

Grammaire :

QQ截图20161014170051.png


Mais le débordement de texte n'est utilisé que pour expliquer comment afficher le texte lorsqu'il déborde. réaliser Pour produire l'effet d'ellipses lors du débordement, vous devez également définir le texte forcé à afficher sur une seule ligne (white-space:nowrap) et le contenu du débordement à masquer (overflow:hidden). Ce n'est qu'ainsi que l'effet peut être obtenu. d'afficher des ellipses dans le texte de débordement. Le code est le suivant :

text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap;

En même temps, le retour à la ligne peut également être utilisé pour définir le comportement du texte, s'il faut rompre la ligne lorsque la ligne actuelle dépasse. la limite du conteneur spécifié.

Syntaxe :

QQ截图20161014170100.png


normal est la valeur par défaut du navigateur, le mot de rupture est défini dans un mot long ou une URL adresse Effectuer des sauts de ligne. Cet attribut n'est pas couramment utilisé. Utilisez simplement la valeur par défaut du navigateur.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>text-overflow</title> <style type="text/css"> .test_demo{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:#ccc; } </style> </head> <body> <div class="test_demo"> 超酷的IT技术学习平台(我是省略号) </div> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!