css text-overflow attribute
Translation results：
text
English[tekst] American[tɛkst]
n. Text, original text; text, textbook; theme; version
v .Send text message
##overflow
English[ˌəʊvəˈfləʊ] US[ˌoʊvərˈfloʊ] vt.& vi. Overflow, drown; crowd, fill; Overflow; excess of resourcesn. Flood, overflow; overflow pipe; overflow, excess; excessvi. Flood, overflow; overflowadj.overflow Yes, full ofcss text-overflow attributesyntax
Function:The text-overflow attribute specifies what happens when text overflows the containing element.
Syntax: text-overflow: clip|ellipsis|string
##Description: clip Trim text. ellipsis Displays ellipses to represent trimmed text. string Use the given string to represent the trimmed text.
Note: All major browsers support the text-overflow attribute.
css text-overflow attributeexample
<!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>Click the "Run instance" button to view the online instance