propriété CSS de débordement de texte


  Résultats de traduction:

texte

Anglais[tekst] US[tɛkst]

n. Texte, texte original, thème ; version

v.Envoyer un message texte

overflow

UK[ˌəʊvəˈfləʊ] US [ ˌoʊvərˈfloʊ]

vt.& vi. Débordement, foule, remplissage ; débordement de ressources

n. adj.overflow, plein

propriété CSS de débordement de textesyntaxe

Role : L'attribut text-overflow spécifie ce qui se passe lorsque le texte déborde de l'élément conteneur.

Syntaxe : text-overflow : clip|ellipsis|string

Description : clip Couper le texte.​ ​ ​ points de suspension ​ Affiche des points de suspension pour représenter le texte tronqué. string Utilisez la chaîne donnée pour représenter le texte coupé.​

Remarque : Tous les principaux navigateurs prennent en charge l'attribut text-overflow.

propriété CSS de débordement de texteexemple

<!DOCTYPE html>
<html>
<head>
<style> 
div.test
{
white-space:nowrap; 
width:12em; 
overflow:hidden; 
border:1px solid #000000;
}
</style>
</head>
<body>
<p>下面两个 div 包含无法在框中容纳的长文本。正如您所见,文本被修剪了。</p>
<p>这个 div 使用 "text-overflow:ellipsis" :</p>
<div class="test" style="text-overflow:ellipsis;">This is some long text that will not fit in the box</div>
<p>这个 div 使用 "text-overflow:clip":</p>
<div class="test" style="text-overflow:clip;">This is some long text that will not fit in the box</div>
</body>
</html>
Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses