X

만성투덜로그


처음엔 그랬다. div에 vertical-align:middle 적용하는 것이.. 레이어 내에서 특정 요소를 수직 정렬하는 것이 무엇이 어려울까... 문제일까.. 생각하고 잠시 작업하려다가 생각지도 못하게 몇일동안 흔히 말하는 X삽질 했다.. 그렇다.. 내가 잘못 생각하고 있었다.. 이건 꽤나 까다롭지만 알고보면 역시나 간단히 해결할 수도 있는 그런 문제였다. 문제는 내가 이게 굉장히 쉬울거라고 그냥 간단히 적용하면 될거라고 생각한  것에 있었지만 말이다. 간단히 적용방법을 설명하면 A라는 div가 있고 A의 하위에 B라는 div가 있을 때, A의 display 속성을 table로 B의 display속성을 display-cell로 설정하면 간단히 해결되는 문제였다. 본디 div를 사용하면 요소가 맨위부터 하나하나씩 차오르게(랜더링)되게 된다. 하지만 이것을 display속성을 사용해서 div를 table처럼 보여지게 하는 것이다. vertical-align 속성이 원래 block엘리먼트에서 사용할 수 없는데, table의 td에서는 사용할 수 있는 것을 이용하여 div의 display속성을 조정하여 원하고자 하는 화면을 구성할 수 있게 되는 것이다. 물론 혼자 해결한 건 아니고 검색 삽질도 좀 하다가 주오때 라는 분의 블로그를 참고하고서야 해결했다. 더 자세하고 상세한 내용은 링크된 글을 확인하면 될 것이다.

Posted by 만성투덜

2010/12/07 14:33 2010/12/07 14:33
, , , ,
Response
21 Trackbacks , 2 Comments
RSS :
http://www.nfriend.net/nf_tc/rss/response/19


블로그 이미지

- 만성투덜

Notices

Archives

Recent Trackbacks

Calendar

«   2017/06   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Site Stats

Total hits:
2077519
Today:
3262
Yesterday:
5797