CSS3 단어 속보
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>
|
댓글을 작성하시려면 로그인이 필요합니다.