ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS画像を中央揃えにする方法
CSS画像を中央揃えにする方法
- php中世界最好的语言オリジナル
- 2018-05-15 14:43:378141ブラウズ
画像を中央に表示させる方法はたくさんありますが、最もおすすめなのはCSSを使ってDIVを操作する方法です。そこで、CSSを使った2つの方法を紹介します。画像を中央に配置します。
まず、画像内の DIVオブジェクトボックスを水平方向の中央に配置します。これは、DIV ボックス内でテキスト フォントを水平方向の中央に配置するのと同じ CSS です。
オブジェクトのコンテンツを中央に配置する CSS スタイルの単語は次のとおりです:text-align :centertext-align はオブジェクト内のコンテンツが配置される場所ですcenter 値は中央に配置されます1画像を水平方向にラベル オブジェクト内に直接配置します。 「align="center"」を追加して、オブジェクト内の画像を水平方向および水平方向の中央に配置します。 「align="center"」をラベルオブジェクトに直接追加して、画像をオブジェクト内の水平方向と水平方向の中央に配置します。
align="center"使用方法： <p align="center"></p> align="center"居中图片DIV+CSS实例代码： <!DOCTYPE > <html xmlns="http://www.php.cn"> <head> <meta charset="utf-8" /> <title>图片横向居中</title> </head> <body> <p align="center"><img src="http://www.php.cn" /></p> </body> </html>CSS は、画像内の DIV オブジェクトを水平方向に中央揃えにします 2. CSS スタイルを使用して、画像を DIV 内で中央揃えにします (水平方向に中央揃えにします)
<!DOCTYPE >
<html xmlns="http://www.php.cn">
<head>
<meta charset="utf-8" />
<title>图片横向居中</title>
<style>
.pcss5{text-align:center}
</style>
</head>
<body>
<p class="pcss5"><img src="http://www.php.cn" /></p>
</body>
</html>テキストを中央に配置する、画像を中央に配置する、コンテンツを中央に配置する これを実現するには、上記の 2 つの方法を使用できます。通常は CSS を使用することをお勧めしますが、Web ページでは多くの場合、対応するセレクター スタイルを変更するだけで済みます。 CSS ファイルを使用してコンテンツを中央、左、または右に変更します。 推奨読書:
Web ページが iframe されている場合はどうすればよいですか?
以上がCSS画像を中央揃えにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLでフォントの色を変更する方法次の記事：HTMLでフォントの色を変更する方法