검색결과 리스트
word-break에 해당되는 글 1건
- 2013.12.23 레이어의 넓이보다 레이어 밖으로 텍스트가 넘어갈 때
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
300px의 넓이를 지정한 레이어가 있다고 할 때, 한글의 경우 300px의 넓이로 아래로 wrap된다.
그러나, 영문을 연이어 쓸 경우 레이어의 넓이를 벗어나서 표현되고 만다.
이럴 경우 word-break:break-all을 해주면 한글과 마찬가지로 wrap된다.
<div style="width:300px; word-break:break-all">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbcccccccccccccccccccccccccccddddddddddddddddddddddddd
</div>
|
Value |
Description |
|
normal |
Break words according to their usual rules |
|
break-all |
Lines may break between any two letters |
|
keep-all |
Breaks are prohibited between pairs of letters |
'-- CSS' 카테고리의 다른 글
| Skip To Content (1) | 2014.08.25 |
|---|---|
| CSS clear property (0) | 2014.07.05 |
| 크롬에서 홈페이지의 버튼이나 입력박스에 노란색 테두리 제거 (0) | 2013.12.21 |
| 테이블 상단, 하단, 왼쪽, 오른쪽 border 제어 (0) | 2013.12.21 |
| useful color collection (0) | 2012.11.07 |
RECENT COMMENT