1

これが何度も尋ねられたことは知っていますが、自分に合った答えが見つかりません。これは複数の Web ページ用であるため、画像はすべて同じサイズではありません。vertical-align、table-cell、line-height、および言及されている他のすべてを試しました。

html: http://www.joekellywebdesign.com/UpdatedSite/services.html

    <div id="contentright">
            <img src="images/internet.jpg">
    </div> <!-- end of contentright div -->

CSS: http://www.joekellywebdesign.com/UpdatedSite/css/styles.css

#contentright {
float: right;
background-color:#FFF;
width: 450px;
height: 350px;
display: table-cell;
vertical-align: middle;
text-align: center;
line-height: 350px;}
4

1 に答える 1

2

で使用- Chrome の F12 開発ツールで試してみたところ、うまくいきましたvertical-align: middle;。img

#contentright img {
    vertical-align: middle;
}

これは、親が に設定されているため機能display:table-cellします。vertical-align: middle

ここでjsFiddle

于 2013-10-11T23:51:29.723 に答える