div で img 画像の中央表示を制御します。以下のように、解像度が 1920 を超えると、黄色の領域が中央に表示されます。 、中央に表示される黄色の画像の緑色の領域のサイズが表示されます。解像度が 1024 の場合、黄色の画像は中央のピンクの領域と同じ大きさで表示されます。
コード形式は
ディスカッションに返信 (解決策)
<div><img src="http://avatar.csdn.net/B/5/B/1_z549903832.jpg"/></div><style> div{width:50px;height:200px;background:red;position:relative;overflow:hidden;} img{margin:-50px 0px 0px -50px/*img宽度高度的一半*/;top:50%;left:50%;position:absolute;}</style>コード形式は
背景は中央に配置されます。互換性のないブラウザはありますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
