> 웹 프론트엔드 > CSS 튜토리얼 > text-wrap 속성을 사용하는 방법

text-wrap 속성을 사용하는 방법

青灯夜游
풀어 주다: 2019-02-12 10:14:39
원래의
3659명이 탐색했습니다.

text-wrap 속성은 텍스트 줄 바꿈 규칙을 지정하는 데 사용됩니다. 값이 정상이면 허용된 줄 바꿈 지점에서만 줄 바꿈을 의미하고, 값이 없음이면 줄 바꿈이 없음을 의미하고, 값이 제한되지 않으면 줄 바꿈을 의미합니다. 두 문자 사이 및 값이 억제된 경우 줄에 다른 유효한 줄 바꿈 지점이 없는 경우에만 줄 바꿈이 발생함을 나타냅니다.

text-wrap 속성을 사용하는 방법

CSS3 text-wrap 속성

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

구문: ​​

1

text-wrap: normal|none|unrestricted|suppress;

로그인 후 복사

normal: 줄 바꿈은 허용된 줄 바꿈에서만 가능합니다.​

none: 줄 바꿈이 없습니다. 요소가 맞지 않는 텍스트는 오버플로됩니다.​

unrestricted: 두 문자 사이의 줄바꿈입니다.​

suppress: 요소의 줄바꿈을 억제합니다. 브라우저는 줄에 다른 유효한 줄 바꿈이 없는 경우에만 줄을 바꿉니다.​

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

CSS3 text-wrap 속성 사용 예

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<!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">这段包含一些文本。这一行的文字不会换行到下一行。</p>

<p class="test2"> 这段包含一些文本。这一行的文字正常换行。.</p>

</body>

</html>

로그인 후 복사

위 내용은 text-wrap 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿