★ white-space 속성/ overflow 속성/ text-overflow 속성
ul li span.ellip {
display: inline-block; span에 가로길이(width)를 주기위해 inline-block 속성을 부여한다.
width: 80%; 가로길이를 정한다.
white-space: nowrap; 줄바꿈을 하지 않는다.
overflow: hidden; 넘치는 글자는 보이지 않도록 한다.
text-overflow: ellipsis; 생략기호를 만들어준다.
}
★ word-wrap: break-word;
긴 단어를 끊고 다음 줄로 줄 바꿈할 수 있다 (강제개행) word-wrap: break-word;
★ word-wrap: break-word; (강제개행)
Laborum minim ut nisi excepteur sit fugiat. Eiusmod voluptate voluptate velit officia dolor excepteurvoluptatecupidatatdeseruntconsequatvelitdoloroccaecat. Incididunt sunt do pariatur reprehenderit dolor anim
Laborum minim ut nisi excepteur sit fugiat. Eiusmod voluptate voluptate velit officia dolor excepteurvoluptatecupidatatdeseruntconsequatvelitdoloroccaecat. Incididunt sunt do pariatur reprehenderit dolor anim
This p contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will not break and wrap to the next line.
This p contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will not break and wrap to the next line.
★ white-space : nowrap 줄바꿈을 하지 않는다.
This p contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will not break and wrap to the next line.This p contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will not break and wrap to the next line.
★ 줄바꿈 관련
1. white-space: nowrap; : 줄바꿈을 하지 않는다.
2. word-wrap: break-word; : 긴 단어를 끊고 다음 줄로 줄 바꿈할 수 있다 (강제개행)
더미텍스트 만들기 ( lorem ipsum ) f1 키 열고 lorem ipsum 입력하면 더미 텍스트를 만들수 있다.