CSS 텍스트 줄바꿈 속성


  번역 결과:

text

English[tekst] American[tɛkst]

n. ); 감싸다, 감다(보통 over, around 등과 함께 사용됨); 감싸다(옷 등);

CSS 텍스트 줄바꿈 속성통사론

기능: text-wrap 속성은 텍스트의 줄 바꿈(줄 바꿈) 규칙을 지정합니다.

구문:text-wrap: Normal|none|unrestricted|suppress

설명: normal 허용된 줄 바꿈 지점에서만 줄을 바꿉니다. 없음 줄 바꿈이 없습니다. 요소가 맞지 않는 텍스트는 오버플로됩니다. unrestricted 두 문자 사이에 새 줄을 바꿉니다. 억제 요소의 줄바꿈을 억제합니다. 브라우저는 줄에 다른 유효한 줄 바꿈이 없는 경우에만 줄을 바꿉니다.​

참고: 현재 주류 브라우저 중 어느 것도 text-wrap 속성을 지원하지 않습니다.

CSS 텍스트 줄바꿈 속성예

<!DOCTYPE html>
<html>
<head>
<style> 
p.test1
{
width:11em; 
border:1px solid #000000;
text-wrap:none;
}
p.test2
{
width:11em; 
border:1px solid #000000;
text-wrap:normal;
}
</style>
</head>
<body>
<p class="test1"> This paragraph contains some text. This line should not breake or wrap to the next line.</p>
<p class="test2"> This paragraph contains some text: The line breaks as normal.</p>
<p><b>注释:</b>目前主流浏览器都不支持 text-wrap 属性。</p>
</body>
</html>
인스턴스 실행 »

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

인기 추천

비디오

Q&A