html图片对齐怎么写?

html图片对齐主要用text-align属性来控制：

text-align的值主要又分为：left左对齐，center居中对齐，right靠右对齐；

以下 *** 作用居中来对齐演示：如下

一、打开编辑软件，新建一个html文件，建立一个区域，用div引入css样式，这里宽度用100%来展示，高度height:auto为了与整个网页区分开，区域内加了一个背景颜色：background-color:#999以便更好的读懂；

二、设置好以后，查看网页浏览效果；是否图片对齐：如下图

扩展：方法不是唯一的，你也可以把图片放入一个p标签内，或者一个div内，让p  或div标签靠左浮动用float:left或者靠右对齐right；可以展示出同样的效果

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：img{float:left}。

3、浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。

1.两个元素均设置float:left

或right

2.通过调整元素的left或right实现

3.两个元素均设置diaplay:block，因元素为默认左对齐，且均设为块级元素后，都将独占一行。