pro*_*mer 4 html css css-position
我有一个位置的div :亲戚.在div里面我已经放置了位置的图像:绝对因为我将有一个带有淡入淡出和淡出的幻灯片,并且图像必须放置在绝对位置.
我想将绝对定位图像对齐在父div的中心.这可以吗？因为在css部分我已经定义了所有图像
left:0px;
我的编码如下:
<html>
<head>
<style type="text/css">
div img{
border:1px solid blue;
position:absolute;
left:0px;
top:0px;
}
</style>
</head>
<body>
<div style="border:2px solid red;position:relative;width:500px;height:300px;">
<img src="01.JPG" width="403" height="300"/>
<img src="02.JPG" width="403" height="300"/>
<img src="03.jpg" width="170" height="290"/> <!-- this is a portrait,BIG problem here!!! --> <!-- The image is positioned left -->
</div>
</body>
</html>
提前致谢!
thi*_*dot 10
组:
left:50%; margin-left:-<image width/2>px
所以在这种情况下,对于第三个图像:
left:50%; margin-left:-85px
请参阅: http ://jsbin.com/ufiqum