Question

怎么用DIV+CSS控制图片居中的问题

Answer 1

水平居中：

1、单独文字垂直居中我们只需要设置CSS样式line-height属性即可。

2、文字与图片同排，在设置div高度同时再对此css样式的图片“img”样式设置vertical-align:middle垂直居中属性
，

如.yangshi
img{vertical-align:middle;}
。

垂直居中：

1．对这个CSS居中问题，我们可以使用设置背景图片的方法
。举例：
body
{BACKGROUND:
url(”图片文件”)
#FFF
no-repeat
center;}
关键就在于这个Center属性，它表示让该背景图片在容器中居中。你也可以把Cener换成Top
Left或者直接写上数字来调整它的位置。

2．如何使文本在DIV中垂直居中
对于文字，便不能用背景方法，可以用增高行距的办法变通实现垂直居中，示范代码如下：

#center{
MARGIN-RIGHT:
auto;
MARGIN-LEFT:
auto;
height:200px;
vertical-align:middle;
line-height:200px;
}
<div
id=”center”><p>test
content</p></div>

参考资料：
css如何让图片居中
http://www.studyofnet.com/news/188.html