css vertical-align 적용 문제

Question

안녕하세요vertical-align: middle이 이상하게 적용되는 일이 있어 질문드립니다. display로 table-cell이 적용된곳에 vertical-align을 적용 시켰는데요위 사진처럼 vertical-align이 우선순위 충돌 없이 적용 된걸로 나오는데도 ie에서는 적용이 되지 않습니다.다만 해당 css를 체크해제를 시켯다가 다시 체크를 하면 제대로 적용이 되는데 도대체 원인이 뭘까요...

hmmhmmhm · Answer

https://stackoverflow.com/questions/27748473/vertical-align-with-flexbox-in-ie11-and-ie10아마 위의 이슈의 해결책이 도움이 되지 않을까 싶습니다.

위니그 · Answer

위 이슈사항과 관련이 없는거 같습니다.오늘 추가적으로 확인한 바에 의하면 jqgrid의 스크립트의 의해서 문제가 발생하는거 같습니다.flexbox안에 jqgrid를 두개 이용하면서 좌우로 데이터 이동 시키는 방식을 쓰고 있는데요jqgrid빼고 그 빈 공간만큼 height를 강제로 주게 만들면 제대로 작동합니다.jqgrid를 쓰고 있을때 혹시나 height 100%가 잘못 먹히고 있나 싶었으나 확인해보니 height는 제대로 적용 되고 있습니다.어떤 스크립트의 의해서 이런 문제가 발생하는지 모르겠네요....

bluerain · Answer

padding 이나 margin 값이 들어가 있지는 않은가요?아마도 padding이나 margin 때문에 틀어져 보이는듯 한데.

위니그 · Answer

드뎌 찾았습니다.table-cell에도 height:100%를 주니 제대로 되네요...감사합니다.

css vertical-align 적용 문제

4개의 답변

#align 목록