overflow : hidden , text - overflow : ellipsis (글의 길이가 칸의 길이를 넘어갈 경우 ... 로 대체 )
13년 전
overflow : hidden
=> 글의 길이가 칸의 길이를 넘어갈 경우 숨겨주는 기능을 함.
text-overflow : ellipsis
=> 글의 길이가 칸의 길이를 넘어갈 경우 ... 로 대체 해주는 기능.
유의점 1. 길이가 정해져 있어야 한다.
=> 당연하게도 길이를 정해 놓지 않으면 칸이 알아서 커지니 적용이 되지 않는다.
=> width 지정. 만일 table 이라면 table-layout : fixed, < colgrou > 태그 , 등으로 크기가 동적으로 늘어나지 않게 해준다.
유의점 2. text-overflow: ellipsis가 적용되기 위해선 글이 한줄이어야 한다.
=> white-space:nowrap; 이나 < nobr > 태그를 쓴다.
추천 : 
