html语言div图片垂直居中,HTML CSS中如何实现DIV中的图片水平垂直居中对齐

HTML CSS中实现DIV中的图片水平垂直居中对方法：

所谓的图片水平垂直居中就是把图片放在一个容器元素中(容器大于图片尺寸或是指定了大小的容器)，并且图片位居此容器正中间(中间是指元素容器的正中间)，而图片不是以背景图片(background-image)形式展示，是以元素形式展示的。如下图所示：

1、解决水平居中的办法：如果图片左浮动并且"display:inline"时，只要给图片设置一个"text-align:center"属性，就顺利解决了水平居中。

2、解决垂直居中的办法：使用display:table-cell和设置了display:inline-block的线合span。

完整例子：

html代码：

• 
• 
• 
• 

css代码：

。imgWrap li {

float: left;

border: solid