2016-07-05 9 views
1

div内のimgを垂直に整列しようとしています。 JSFiddleで管理することはできますが、実際のページでは動作させることはできません。div内のimgを垂直に整列する - 私のライブサイトはJSFiddleと異なりますか?どうして?

私は何かが分かっていないと思っていますが、何か助けに感謝します。

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

.partner_box img { 
    vertical-align: middle; 
} 

フィドル: https://jsfiddle.net/dvpr_learner/dx7uek55/

ライブページ(動作しない): http://f4d.co.uk/test

答えて

0

あなたが代わりにあなたはライブのサイトに今使用している過渡的DOCTYPEの<!DOCTYPE html>を使用してみてください、と表示される場合がありますそれが違いを生むならば。


ライブサイトにはフィドルに存在するセレクタがありません。これをあなたのライブページのCSSに追加してみてください。

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

もう一度確認したいかもしれません –

+0

元々、私はそう思っていましたが、それは間違いありません。 http://f4d.co.uk/test/screen-1.jpg –

+0

さて、そこにはありますが、これまでにないことは間違いないと確信しています。しかし、Liveサイトで現在使用している移行型doctypeの代わりに '<!DOCTYPE html>'を試してみて、違いがあるかどうか確認してください。 – pmahomme

関連する問題