Question

我有一个名为mediashelter的DIV，DIV内有四张小照片

#mediashelter
{

    width:200px;
    height:300px;
    background-color:black;

}

和div内部是使用

垂直放置的四张小图片

<div id="mediashelter" >

<a href="http://www.facebook.com" id="fbid" class="socialmedia" target="_blank"><img src="./images/fubu.jpg"></a><br>
<a href="http://www.linkedin.com" id="liid" class="socialmedia" target="_blank"><img src="./images/li.jpg"></a><br>
<a href="http://www.twitter.com" id="twitterid" class="socialmedia" target="_blank"><img src="./images/t.jpg"></a><br>
<a href="https://plus.google.com" id="googleplusid" class="socialmedia" target="_blank"><img src="./images/g.jpg"></a>


</div>

如何将四个小图片集中在名为mediashelter的黑色矩形内？再次感谢

Answer 1

如果您将text-align: center添加到#mediashelter，则效果非常好。

小提琴： http://jsfiddle.net/3Ff63/

Answer 2

试试这个：

<div id="mediashelter" align="center">

我有一个DIV，里面有四张小图片

2 个答案: