ホームページ > 記事 > ウェブフロントエンド > HTML5で画像を中央に配置するために使用される属性はどれですか?

HTML5で画像を中央に配置するために使用される属性はどれですか?

青灯夜游オリジナル: 2021-12-17 15:59:155288ブラウズ

HTML5 で画像を中央に配置する属性は「align」です。align 属性は、周囲の要素に対する画像の水平方向および垂直方向の配置を定義できます。値が「middle」の場合、画像は次のようになります。中央揃え。構文「」。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

画像を中央に配置する HTML の属性は「align」です。

HTML5で画像を中央に配置するために使用される属性はどれですか? タグの align 属性は、周囲の要素に対する画像の水平方向および垂直方向の配置を定義します。

align 属性の値が「middle」の場合、画像を中央に揃えることができます。

<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8"> 
	</head>
	<body>
		<h2>未设置对齐方式的图像：</h2>
		<p>图像 <img  src="/i/eg_cute.gif" alt="HTML5で画像を中央に配置するために使用される属性はどれですか?" > 在文本中</p>
		<h2>已设置对齐方式的图像：</h2>
		<p>图像 <img  src="/i/eg_cute.gif" align="bottom" alt="HTML5で画像を中央に配置するために使用される属性はどれですか?" > 在文本中底部对齐</p>
		<p>图像 <img  src="/i/eg_cute.gif" align="middle" alt="HTML5で画像を中央に配置するために使用される属性はどれですか?" > 在文本中中央对齐</p>
		<p>图像 <img  src="/i/eg_cute.gif" align="top" alt="HTML5で画像を中央に配置するために使用される属性はどれですか?" > 在文本中顶部对齐</p>
		<p>请注意，bottom 对齐方式是默认的对齐方式。</p>
	</body>
</html>

HTML5で画像を中央に配置するために使用される属性はどれですか?

align でサポートされている値属性:

Value	Description
left	画像を左に揃えます
right	画像を右に揃えます
middle	画像を中央に揃えます
top	画像を上に揃えます
bottom	画像を下に揃えます

#関連する推奨事項: 「

html ビデオチュートリアル」

以上がHTML5で画像を中央に配置するために使用される属性はどれですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 html

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでテーブルの列を非表示にする方法次の記事：HTMLでテーブルの列を非表示にする方法

続きを見る