css如何让div中的内容居中

div中有一个图片和一个超连接,怎么让这两个东西同时居中?垂直水平都居中

<style>
.test { text-align:center;}
</style>
<div class="test">
    <img src="">
    <a href=""></a>
</div>

望采纳!

追问

不对,超连接没有在垂直上居中

追答<style>
.test { text-align:center;}
p { text-align:center;}
</style>
<div class="test">
    <img src="">
    <p><a href=""></a></p>
</div>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-01-26
vertical-align:middle;试试 给图片设置上 这是垂直居中 水平的话 div设置text-align:center;
第2个回答  2015-01-26
div给个高度,加text-aglin:center,就可以横向居中,纵向居中就调padding或者margin值就可以了
第3个回答  2015-01-26
text-align:center
line-height设置成div的高度,
图片设成vertical-align:middle;
第4个回答  推荐于2017-10-08
<div style=“text-align:center; padding-top:***px;”><img src=" " alt=" " /><br /><a href="#">超链接</a></div>

其中<br />是为了让超链接换行 ;
padding-top:**px;是为了垂直居中,具体是多少px ,要根据你div的高度来确定。本回答被提问者和网友采纳
相似回答