Which attribute is used to center the image in html5?-Front-end Q&A-php.cn

Table of Contents

未设置对齐方式的图像：

已设置对齐方式的图像：

Home

Web Front-end

Front-end Q&A

Which attribute is used to center the image in html5?

青灯夜游

Dec 17, 2021 pm 03:59 PM

align html5

The attribute that centers the image in html5 is "align". The align attribute can define the horizontal and vertical alignment of the image relative to the surrounding elements. When the value is "middle", the image can be aligned with the center; syntax " ".

Which attribute is used to center the image in html5?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

The attribute in html that centers the image is "align".

Which attribute is used to center the image in html5? The align attribute of the tag defines the horizontal and vertical alignment of the image relative to surrounding elements.

When the value of the align attribute is "middle", the image can be aligned with the center:

<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8"> 
	</head>
	<body>
		<h2 id="未设置对齐方式的图像">未设置对齐方式的图像：</h2>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   alt="Which attribute is used to center the image in html5?" > 在文本中</p>
		<h2 id="已设置对齐方式的图像">已设置对齐方式的图像：</h2>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   align="bottom" alt="Which attribute is used to center the image in html5?" > 在文本中底部对齐</p>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   align="middle" alt="Which attribute is used to center the image in html5?" > 在文本中中央对齐</p>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   align="top" alt="Which attribute is used to center the image in html5?" > 在文本中顶部对齐</p>
		<p>请注意，bottom 对齐方式是默认的对齐方式。</p>
	</body>
</html>

Copy after login

Which attribute is used to center the image in html5?

Values supported by the align attribute:

Value	Description
left	Align the image to the left
right	Align the image to the right
middle	Align the image to the center
top	Align the image to the top
bottom	Align the image to the bottom

Related recommendations: "html video tutorial"

The above is the detailed content of Which attribute is used to center the image in html5?. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn