Question

div+css，使用dl-dt-dd怎么使图片和文字居中

<div class="rtop">
<dl>
<dt> <img src="images/1.jpg" /></dt>
<dd><a href="#">大学要求老师开网店</a></dd>
<dd><a href="#">大学要求老师开网店</a></dd>
<dd><a href="#">大学要求老师开网店</a></dd>
<dd><a href="#">大学要求老师开网店</a></dd>
</dl>
</div>

图片在文字左边 图片需要垂直居中于DIV 文字需要水平居中于图片 我现在的效果是这样的

Answer 1

在div中，用dl-dt-dd使图片需要垂直居中于DIV，文字需要水平居中于图片。
一、首先设置图片垂直居中，可以设置图片上下边界自动即可垂直居中显示，
dt{margin-top:auto;margin-bottom: auto;float: left;overflow: hidden;}为方便图片显示在这里设置了图片左对齐，超出div设置则隐藏。
二、设置文字水平居中于图片，只需设置文章居中对齐即可。
dd{float:left; text-algin:center }

Answer 2

给dt :{float:left; overflow:hidden; padding-top:} dd{float:left; text-algin:center } ,

Answer 3

<div class="rtop" style="text-align:center">
试试看~~

Answer 4

<style type="text/css">
.rtop dl{width:100%;margin:0;padding:0;text-align:center;}
.rtop dl dt img{width:50px;height:50px;}
.rtop dl dd a{color:red;}
</style>
<div class="rtop">

<dl>
<dt> <img src="images/1.jpg" /></dt>
<dd><a href="#">大学要求老师开网店</a></dd>
<dd><a href="#">大学要求老师开网店</a></dd>
<dd><a href="#">大学要求老师开网店</a></dd>
<dd><a href="#">大学要求老师开网店</a></dd>
</dl>
</div>
这样试下，应该就可以了。