ホームページ > ウェブフロントエンド > htmlチュートリアル > 緊急! !画像を中央に配置する方法! _html/css_WEB-ITnose

緊急! !画像を中央に配置する方法! _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:20:56
オリジナル
1736 人が閲覧しました

固定ピクセルがなく、8x%で書かれた正方形のdivフレームがあります。次に、そこに長方形の画像を配置して、上下に中央揃えにしたいと思います。それできますか?
どうすればいいですか?緊急 ~~


ディスカッション (解決策) に返信してください

また、この長方形の画像は正方形の高さに圧縮する必要があります

margin:auto;
画像には幅が必要です

高さがわかっている場合、次のようにします:

<style type="text/css">        div {            text-align:center;            outline:1px solid #ccc;            height:200px;            line-height:200px;        }    </style>
ログイン後にコピー


<div>    <img src="0.png" /></div>
ログイン後にコピー

方法 1: body{text-align:center} を使用して、プレイ内ですべてをカスタマイズできます。
方法 2: img で align="center" を使用します。
プーク インターナショナル ステイ。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート