Text 넘침 해결

Problem

div태그에서 지정한 width를 무시하고 텍스트가 넘쳐버리는 현상이 발생했다.

이런식으로 ..

Solution

1. 말 줄임 ... 으로 해결한다.

div{
    width:100px;
    overflow:hidden;
    text-overflow:ellipsis;
}

2. 자동 줄바꿈 처리를 해준다.

div{
    width:100px;
    overflow:hidden;
    word-wrap:break-word;
}

Refer

http://doctype.tistory.com/41