如果只能用图片
分两种情况：
1.图片宽高固定，这种情况很简单。
水平居中：就在图片的css中加 dispaly:block;margin:0 auto;
垂直居中：自己算出（div的高度-图片的高度）/2，得到margin-top值即可。
2.图片高度未知，这个布局比较难实现。一般我是用js做的。
水平居中：同上，在图片的css中加 dispaly:block;margin:0 auto;
垂直居中：用js算出（div的高度-图片的高度）/2，得到margin-top值赋给它。
曾经研究过网上的很多方法，个人觉得这个是最有效的了。
HTML CSS中如何实现DIV中的图片水平垂直居中对齐
1、解决水平居中的办法：如果图片左浮动并且"display:inline"时，只要给图片设置一个"text-align:center"属性，就顺利解决了水平居中。2、解决垂直居中的办法：使用display:table-cell和设置了display:inline-block的线合span。完整例子：html代码：<ul class="imgWrap clearfix"><li><a href="#" clas...
css如何实现图片在div中垂直居中
height:50px;top:0;left:0;right:0;bottom:0;margin:auto;\/\/使其垂直居中}效果图方法二利用display: table-cell;vertical-align: middle;text-align: center;三种属性实现display:table-cell:会作为一个表格单元格显示（类似 <td> 和 <th>)vertical-align: middle;设置垂直对齐方式，适用于行级元...
怎么让img在div里垂直居中
<div> <img src="1.jpg" alt="haha"> <\/div> <\/body 方法一：将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。<style type="text\/css"> {margin: 0;padding: 0;} div{ width:150px;height: 100px;display: table-cell;vertical-align:...
怎么设置div中的内容垂直居中
1、设置div的height和line-height值设置为相同的数值，只需要一个div即可。2、设置父级div样式的display:table，并设置子div样式的display:table-cell、vertical-align:middle，此时需要一个父级div和一个子级div。3、设置父级div样式为display:box、box-pack:center、box-orient:vertical，记得要在前面加...
如何让div水平垂直居中
尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。标准浏览器如Mozilla, Opera, Safari等.，可将父级元素显示方式设定为TABLE(display: table;) ，内部子元素定为table-cell (display: table-cell),通过vertical-align特性使...
如何设置图片垂直居中怎么设置图片垂直居中
第四:加一个空白标。divclass=Pic>img src=images\/img.pngalt=\/>iclass=iblock>\/i>\/div>alt= 。Pic{text-align:居中；} .Picimg{vertical-align:middle;}。Picimg{垂直对齐:中间；} 。图片。Iblock{display:inline-block；垂直对齐:居中；身高:100%；宽度:0；} word中如何将图片和文本框水平...
如何让img标签在div里上下居中?
对于img标签，同样需要设置vertical-align属性为middle，确保img图片垂直居中。值得注意的是，如果div容器进行了浮动（如使用float属性），垂直居中的效果会失效。为解决这个问题，可以采取以下策略：在div容器内部再套一层div，让这层内部div容器浮动，而外层div容器保持原样。这样，即使外层div容器浮动，内部...
DIV 里插入图片后文字不垂直居中了
div没有垂直居中的功能。只能用js实现http:\/\/hiphotos.baidu.com\/wuly178\/pic\/item\/beca8a3ebf84feee828b13bc.jpg " onload="this.style.marginTop=parseInt((this.parentNode.offsetHeight\/2)-(this.offsetHeight\/2))+'px';" \/>
如何让div中的image垂直 水平居中
nav ul li img{display:table-cell; vertical-align:middle;} 把img转换成table元素，然后用vertical-align:middle;设置垂直居中 这样试试
div+css,图片怎么设置在DIV中垂直居中?
方法一：思路：利用text-align属性将图片水平居中，然后设置padding-top的值使其垂直居中。结构如下：<div> <img src="images\/tt.gif" width="150" height="100" \/> <\/div> CSS样式如下：div {width:300px; height:150px; background-color:#CCC; border:#000 1px solid; text-align:center;...
