1 2 3 | <div style='width:70px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;'> 안녕하세요 </div> | cs |
Block레벨 테그에서만 적용이 됩니다.
- overflow:hidden : 넓이가 70px를 넒어서는 내용에 대해서는 보이지 않게 처리함
- text-overflow:ellipsis : 글자가 넓이 70px를 넘을 경우 생략부호를 표시함
- white-space:nowrap : 공백문자가 있는 경우 줄바꿈하지 않고 한줄로 나오게 처리함 (\A로 줄바꿈가능)
'World Wide Web > CSS' 카테고리의 다른 글
| tbody 스크롤 만들기 (3) | 2015.07.14 |
|---|---|
| div에서 세로정렬 시키기 (0) | 2015.06.25 |
| IE에서 PNG에 opacity사용시 검은배경 막기 (0) | 2015.05.13 |
| float:left 썼을 때 가운데정렬 방법 (0) | 2014.12.24 |
| float 해제하는 방법 (0) | 2014.07.25 |