text

English[tekst] US[tɛkst]

n. 텍스트, 원본 텍스트, 교과서; 테마 버전

v.문자 메시지 보내기

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

vt.& vi. 넘침, 넘침, 넘침, 넘침, 넘침, 넘침, 초과

adj.overflow, 전체

CSS 텍스트 오버플로 속성 통사론

Role: text-overflow 속성은 텍스트가 포함 요소를 오버플로할 때 발생하는 상황을 지정합니다.

구문: ​​text-overflow: Clip|ellipsis|string

설명: clip 텍스트 자르기.​ ​ ellipsis ​ 잘린 텍스트를 나타내는 타원을 표시합니다. string 주어진 문자열을 사용하여 잘린 텍스트를 나타냅니다.​

참고: 모든 주요 브라우저는 text-overflow 속성을 지원합니다.

CSS 텍스트 오버플로 속성 예

<!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>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요