CSS 기본 튜토리얼

CSS 박스 모델

CSS3기본 튜토리얼

CSS 참조 가이드

CSS @규칙(RULES)

CSS 단어-wrap(자동 줄바꿈)

CSS 단어-wrap 속성사용됩니다긴 단어를 끊고 자동으로 다음 줄로 넘어갑니다。불가분 문자열이 너무 길어서 포함할 수 없을 때, 이 속성은 풍선을 방지하는 데 사용됩니다.

CSS 글자 변환 값

값	설명
normal	이 속성은 허용된 점프점에서 단어를 끊을 때만 사용됩니다.
break-word	그것은 불가분 단어를 끊는 데 사용됩니다.
initial	그것은 이 속성을 기본 값으로 설정하는 데 사용됩니다.
inherit	그것은 부모 요소에서 이 속성을 상속받습니다.

CSS 자동 줄바꿈 온라인 예제

예제

<!DOCTYPE html>
<html>
<head>
<style>　
p.test {
　　　　width:　11em;
　　　　background-color: #ff9900;　
　　　　border:　1px solid #ffffff;
　　　　padding:10px;
　　　　word-wrap: break-word;
}
</style>
</head>
<p class="test">　In this paragraph, there is a very long word:
　<p class="test">　이 구절에서는 매우 긴 단어가 있습니다: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line.</p>
</html>

테스트를 보려면‹/›

출력:

이 구절에서는 매우 긴 단어가 있습니다: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long 이 단어는 끊어서 다음 줄로 넘어갑니다.

CSS Counter(카운터)CSS 흰색-space(공백)