div 안에 img 세로 정렬 - 라이브 사이트가 JSFiddle과 다른가요? 왜?

div 안에 img를 세로로 정렬하려고합니다. JSFiddle에서 처리 할 수는 있지만 실제 페이지에서는 작동하지 않습니다.div 안에 img 세로 정렬 - 라이브 사이트가 JSFiddle과 다른가요? 왜?

저는 분명히 무언가를 놓친 것 같지만 어떤 도움을 주셨습니다.

.partner_box { 
    height: 100px; 
    line-height: 100px; 
} 

.partner_box img { 
    vertical-align: middle; 
}

라이브 페이지 (작동하지 않는) : http://f4d.co.uk/test

당신 대신 당신이 라이브 사이트에 현재 사용하고있는 과도기적 문서 타입의 <!DOCTYPE html>를 사용하여 시도하고 볼 수 있습니다 차이가 있다면.

라이브 사이트에는 피들에있는 선택자가 없습니다. 라이브 페이지의 CSS에 추가해보십시오.

.partner_box img { 
    vertical-align: middle; 
    width: 100%; 
}

2016-07-05 16:07:57 pmahomme

다시 확인하고 싶을 수도 있습니다. –

원래 생각했지만 그게 분명히 있습니다. http://f4d.co.uk/test/screen-1.jpg –

좋아, 지금은 있지만, 이전에는 아니 었는지는 확실합니다. 그러나 라이브 사이트에서 현재 사용하고있는 전환형 doctype 대신''을 사용 해보고 차이가 있는지 확인해보십시오. – pmahomme

답변