Overflow 2

overflow 와 overflow-y 를 사용하여 필요한 경우에만 스크롤이 생기게 하자.

아래 내용은, 필요할 때만 스크롤이 생기게 하는 코드입니다.. 정해진 width 안에서 해당 폭을 넘어서면 overflow:auto 에 의해서 가로 스크롤이 자동으로 생기고, 내용에 따라 자동으로 세로가 늘어나기 때문에 세로 스크롤은 overflow-y 를 hidden 으로 합니다. overflow 에 대한 옵션값은 아래와 같다. visible 가로와 세로 값에 상관없이 내용이 모두 보여진다. 가로/세로 스크롤이 표시되지 않는다. 설정한 width 값을 넘어서기 때문에 레이아웃이 깨지지 않도록 주의한다. hidden width 나 height 를 넘어서는 부분은 가려진다. 스크롤이 표시되지 않는다 auto 내용이 모두 보여진다. 가로/세로 스크롤이 필요에 따라 자동으로 표시된다. scroll 내용이 모두..

CSS 말줄임표(...) div 와 table 에 적용하기

*. DIV 나 SPAN → DIV 의 style 속성에 text-overflow:ellipsis; overflow:hidden 두가지를 병행하여 사용. → DIV 의 style 속성에 white-space:nowrap 를 사용하거나 div 태그 안에 태그를 사용. → span 태그 안에서는.. IE 에선 div 랑 같은데, Chrome 에선 말줄임 기능이 먹지 않네요.. 텍스트가 넘치는 상황에서 ellipsis 생략 처리, 넘친 부분은 hidden 안보임 처리. nobr 은 처음 보나요..? 태그는 많이 봤죠..? 이 행을 바꾸라는 것이라면 은 행을 바꾸지 말라는 것. 파워포인트에서 '도형 안에 글자넣기' 옵션이 켜지면 폭을 넘어서는 글내용이 들어갈때 자동으로 개행되져..? 이걸 하지 못하도록 한 것...