테스트 사이트 - 개발 중인 베타 버전입니다

CSS3 단어 속보

· 8년 전 · 1566

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>


 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3381
3380
3379
3378
3377
3376
3375
3374
3373
3372
3371
3370
3369
3368
3367
3366
3365
3364
3363
3362
3361
3360
3359
3358
3357
3356
3355
3354
3351
3350