CSS 기본教程

CSS 상자 모델

CSS3기본 튜토리얼

CSS 참조 가이드

CSS @규칙(규칙)

CSS 단어-wrap(자동 줄바꿈)CSS 수직-align(수직 정렬)

CSS white-space(공백)

CSS white-space 공백 속성요소 내부의 내용을 어떻게 표시할지 지정하는 데 사용됩니다. 이는 다음과 같이 사용됩니다.요소 내부의 공백 처리。

CSS 빈 공간 값

요소 내부의 내용을 표시하기 위해 많은 빈 공간 값이 사용될 수 있습니다.

값	설명
normal	이것은 기본 값입니다. 이 값에서 필요할 때 줄바꿈합니다. 빈 문자열은 단일 공백으로 축소됩니다.
nowrap	빈 문자열은 단일 공백으로 축소됩니다. 이 값에서 텍스트는 다음 줄로 줄바꿈되지 않으며, 태그가 사용될 때만 끊깁니다.
pre	빈 공간은 브라우저가 보관합니다. 그것은 html pre 태그와 같습니다. 텍스트는 줄바꿈 기호에서만 줄바꿈됩니다.
pre-line	빈 문자열은 단일 공백으로 축소됩니다. 필요할 때 텍스트를 줄바꿈하고 온라인 줄바꿈을 합니다.
pre-wrap	빈 공간은 브라우저가 보관합니다. 필요할 때 텍스트를 줄바꿈하고 온라인 줄바꿈을 합니다.
initial	그것은 이 속성을 기본 값으로 설정합니다.
inherit	그것은 부모 요소에서 이 속성을 상속받습니다.

CSS white-space 온라인 예제

예제

<!DOCTYPE　html>
<html>
<head>
<style>
p　{
　　　　white-space:　nowrap;
}
</style>
</head>
<p>
문자를 써. 문자를 써. 문자를 써.
문자를 써. 문자를 써. 문자를 써.
문자를 써. 문자를 써. 문자를 써.
문자를 써. 문자를 써. 문자를 써.
문자를 써. 문자를 써. 문자를 써.
</p>
</html>

테스트 봐‹/›

CSS 단어-wrap(자동 줄바꿈)CSS 수직-align(수직 정렬)