HTML如何让图片居中显示呢？

html-css022

HTML如何让图片居中显示呢？,第1张

html文字居中和html图片居中方法代码，通过在html中实现文字居中图片居中篇在html中实现文字图片内容居中有三种方法，其中两种使用CSS样式实现，一直使用原始的html标签内加入“align="center"”（居中）实现。一、对body加CSS居中样式-TOP我们直接对body设置CSS样式：text-align:center1、完整HTML实例代码：<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacharset="gb2312"/><title>divcss5之居中实例</title><style>body{text-align:center}</style></head><body>我会被居中</body></html>2、居中实例截图对body设置居中实现文字或图片居中截图二、对文字外层对象加css居中样式-TOP首先我们CSS命名选择器为“.divcss5”,对此选择器内加居中样式。我们实例演示2个DIV对象，一个放文字一个放图片。1、对应CSS代码如下：.divcss5{text-align:center}2、完整HTML+DIV+CSS代码如下：<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metacharset="gb2312"/><title>divcss5之居中实例</title><style>.divcss5{text-align:center}</style></head><body><divclass="divcss5">我会被居中</div><divclass="divcss5"><imgsrc="divcss5-logo-201305.gif"/></div></body></html>、

一般来说可以用CSS中的“text-align:center属性，margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的，是否用了定位

1、img标签中的align属性不是定义图像的位置，而是定义图像与周围文字的位置，并且不推荐使用这个属性。

2、要给img定义一个父标签，让这个父标签里面的内容居中，那么img自然就居中了。

比如说：<p align="center">img……</p>