我有以下代码:
CSS
.producttype {
height:16%;
width:16%;
}
HTML
<div style="width:100%; box-shadow: 5px 5px 5px 5px #888888;padding:0.5%;">
<a href="../android">
<img src="http://empedure.com/products/media/images/icons/android_128.png" class="producttype" />
</a>
<a href="../iphone">
<img src="http://empedure.com/products/media/images/icons/iphone_128.png" class="producttype" />
</a>
<a href="../windows">
<img src="http://empedure.com/products/media/images/icons/windows_128.png" class="producttype" />
</a>
下面是它的样子:
我希望它是这样的:
外层应该是DIV1,
I0
= 图像 1 左对齐
I1,I2,I3
= 应该在 DIV1 的中心组合的三个不同的图像
我尝试了 div 层
,但是 I0
无法点击。
最佳答案
你在这里: http://jsfiddle.net/8u2Bp/1/
你必须设置一个父div
position:relative;
text-align:center;
然后在你想要的图片上留在左边
position:absolute;
left: 10px [distance you want it from the left border]
关于html - 将图像放在 div 的右侧,而将其他图像放在中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25428329/