CSS3 단어 속보

CSS3 word-break속성은 줄 바꿈 규칙을 지정합니다.

CSS 코드는 다음과 같습니다.

예

p.test1 {

    word-break: keep-all;

}

p.test2 {

    word-break: break-all;

}

<!DOCTYPE html>

<html>

<head>

<style> 

p.test1 {

    width: 140px; 

    border: 1px solid #000000;

    word-break: keep-all;

}

p.test2 {

    width: 140px; 

    border: 1px solid #000000;

    word-break: break-all;

}

</style>

</head>

<body>

<p class="test1">This paragraph contains some text. This line will-break-at-hyphens.</p>

<p class="test2">This paragraph contains some text. The lines will break at any character.</p>

<p><b>Note:</b> The word-break property is not supported in Opera 12 and earlier versions.</p>

</body>

</html>