티스토리 뷰
반응형

익스7에서 display:line-block;

 

http://naradesign.net/wp/2010/09/17/1402/

 

 

span 태그에 display:line-block; 을 주고, padding값을 줘서 버튼 형식으로 사용하려고 했는데

 

훔... 오페라,사파리,여우,크롬에서는 문제가 없는데

익스 6,8,9 에서 문제가 ㅠㅠ padding값을 인식을 못하네욤!! ㄷㄷ

익스 7은 display:line-block; 이걸 인식 못 한다고 하던데 (저도 잘ㅋㅋ)

 

위의 자료는 대번에 이해가 안되서

span class에 

 

display:inline-block; padding:0 5px; height:22px;  line-height:22px; 이렇게 줘버림

 

오류가 생기는 원래 코드는

display:inline-block; padding:2px 5px 1px 5px;였다는...

 

 

좌우 패팅값을 주고 높이를 정하니 똑같이 보이네요.

근데 글자 위치가 또 ㅠㅠ 오페라,사파리,여우,크롬, 익스10, 11에서 글자가 올라가네요 ㅠㅠ아

반응형

'기타 웹스킬 > css' 카테고리의 다른 글

css li 더블마진  (2) 2015.10.07
공유하기 링크
댓글