CSS-Textüberlaufeigenschaft
Übersetzungsergebnisse：
Text
Englisch[tekst] US[tɛkst]
n Text, Originaltext; Text, Lehrbuch; Version
v.Überlauf
US [ ˌoʊvərˈfloʊ]
vt.& vi. Überlauf; Überlauf; Überlauf; Überlauf; adj.overflow, fullCSS-TextüberlaufeigenschaftSyntax
Rolle: Das Attribut text-overflow gibt an, was passiert, wenn Text das enthaltende Element überläuft.
Syntax: text-overflow: clip|ellipsis|string
Beschreibung: clip Text zuschneiden. Auslassungspunkte Zeigt Ellipsen an, um zugeschnittenen Text darzustellen. string Verwenden Sie die angegebene Zeichenfolge, um den zugeschnittenen Text darzustellen.
Hinweis: Alle gängigen Browser unterstützen das Text-Overflow-Attribut.
CSS-TextüberlaufeigenschaftBeispiel
<!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>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen