공포의 시간이 돌아왔네요...
익스8로 맹글고
파폭이랑 크롬 테스트 중인데...
걍 버릴까 ㅡ.ㅡ;;
overflow-x:visible; overflow-y:scroll;
요렇게 잡으면 가로는 탈출하고 세로는 스크롤 생겨야 하지 않나요?
익스에서는 생각한대로 잘 나오는데 파폭 크롬에서는 안되네요..
overflow-x:visible; 요거만 주면 가로세로 다 튀나오고
위에처럼 하면 둘다 스크롤이 생기네요..
css 고수님들 도움 좀 ㅜㅜ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 10개
어디다 쓰는건데?
다 아시믄서 모른척은 ;;
<div style="width:100px; height:50px; text-overflow:ellipsis; overflow-x:hidden; overflow-y:scroll; table-layout:fixed;">내용</div>
삽질 좀 해봐야될듯 ㅜㅜ
아우님 브라우저가 이상한듯.
http://www.w3.org/TR/css3-box/#overflow-x
"The computed values of ‘overflow-x’ and ‘overflow-y’ are the same as their specified values, except that some combinations with ‘visible’ are not possible: if one is specified as ‘visible’ and the other is ‘scroll’ or ‘auto’, then ‘visible’ is set to ‘auto’."
짧은 해석: overflow-x 를 visible로 줘도, overflow-y를 scroll이나 auto로 줘 버리면, overflow-x가 auto로 바뀐다.
여러 조합을 보여주는 사이트: http://www.brunildo.org/test/Overflowxy2.html
일반적인 해결책은 없는 것 같고 http://stackoverflow.com/search?q=overflow-x%3Avisible
한가지 방법으로, div 등을 하나 더 넣어서 거기에 visible로 주셔야 할듯 하네요.
참고 링크: http://jsfiddle.net/3xv6A/9/
근데 원래 안되는거군뇽... 꼼수로 해결할 수 밖에 없겠네요..
답변 감사합니당 ^^
근데 답은 알았는데 더 우울해지네요 ㅜㅜ
이런건 어디서 찾아내나요.....