CSS3 워드 래핑
CSS3 word-wrap속성을 사용하면 긴 단어를 끊어서 다음 줄로 감쌀 수 있습니다.
단어가 너무 길어서 한 영역 내에 들어 가지 않으면 외부로 확장됩니다.
예
긴 단어를 깨뜨리고 다음 줄로 감쌀 수있게하십시오 :
p {
word-wrap: break-word;
}
<!DOCTYPE html>
<html>
<head>
<style>
p.test {
width: 11em;
border: 1px solid #000000;
word-wrap: break-word;
}
</style>
</head>
<body>
<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 3530 | |
| 3529 | |
| 3497 | |
| 3472 | |
| 3471 |
CSS
CSS 그리드 관련 사이트
9
|
| 3451 | |
| 3442 | |
| 3441 | |
| 3437 |
CSS
마진병합 현상
6
|
| 3436 | |
| 3425 |
기타
제이쿼리 버전
1
|
| 3421 | |
| 3420 | |
| 3405 | |
| 3402 | |
| 3399 | |
| 3397 | |
| 3394 |
기타
“Barba.js
1
|
| 3393 | |
| 3392 | |
| 3391 | |
| 3390 | |
| 3389 | |
| 3388 | |
| 3387 | |
| 3386 | |
| 3385 | |
| 3384 | |
| 3383 | |
| 3382 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기