CSS是层叠样式表下面，我们来看看怎么使用CSS让图片水平垂直都居中吧01 新建一张文档 在桌面新建一张文本文档，改名为1txt，如下图所示02；如果图片左浮动并且quotdisplayinlinequot时，只要给图片设置一个quottextaligncenterquot属性，就解决了水平居中使用displaytablecell和设置了displayinlineblock的线合span，这样就解决垂直居中HTML与CSS入门经典是经典畅销；图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置backgroundpositioncenter如果只能用图片 分两种情况1图片宽高固定，这种情况很简单水平居中就在图片的css中加 dispalyblockmargin0 auto；4在文档编辑区出现的如图所示文本框中，将原有的选择文字删去就可以编辑文字了5编辑好文字后，选中刚才编辑的文字接下来进行的是对于文字居中了6单击上方工具栏中的“开始”选项，会出现下拉工具栏关于文本的；直接在标签对象内加“align=quotcenterquot”即可让对象内图片横向水平居中显示align=quotcenterquot使用方法palign=quotcenterquotp p？body？html？2水平居中实例 HTMLCSS中如何实现DIV中的图片水平垂直居中对齐如果图片左；div的style=quottextaligncenterquot或者你图片的margin0 auto就水平居中了，垂直居中的话看高度设置lineheight属性。

后缀名 然后把文本文档后缀名改为html，如下图所示运行网页 然后在浏览器中运行网页，现在图片有了，只是还没有居中，图片居住代码要用CSS写，如下图所示CSS代码 然后写上CSS代码，如下图所示垂直水平居中 可以看到。

垂直是valign=quotmiddlequot，代码实例如下lttable width=quot1000pxquot border=quot1quot lttrlttd align=quotcenterquotltimg src=quotxxjpgquotlttdlttr lttable 上面的代码即设置图片水平居中，同理可以设置其垂直居中；HTML CSS中实现DIV中的图片水平垂直居中对齐的方法所谓的图片水平垂直居中就是把图片放在一个容器元素中容器大于图片尺寸或是指定了大小的容器，并且图片位居此容器正中间中间是指元素容器的正中间，而图片不是以。

利用图片的margin属性将图片水平居中，利用DIV的padding属性将图片垂直居中结构代码同上CSS代码如下div width300px height150px backgroundcolor#eee paddingtop50px border#000 1px solid img；ltimg src=#39图片地址#39 ltdiv ltdiv ltbody lt 中在不知道div大小的情况下，怎样让img匹配这个div大小div img width100%height100% 如何让div水平居中以及垂直居中，在宽高不定的情况下 要让DIV。

你要水平居中可以divbackgroundpositioncenter center第一个center是水平居中，第二个center是上下居中 CSS层叠样式表级联样式表是一种用来表现HTML标准通用标记语言的一个应用或XML标准通用标记语言的一个。