DIV+CSS图片和文字显示在同一排的问题

来源：百度知道 编辑：UC知道 时间：2024/06/04 17:49:17
我是一个DIV+CSS布局的新手。做了大概一个星期的DIV+CSS，感觉太好了。
不过有个问题一直困扰着我，想请教一下这方面的高手！

我在一个DIV中写入文字，然后文字后便跟一个图片。 可是，根据图片的高度图片始终不能绝对居中，我不是调整图片的padding就是magin..可是，调整了之后又不能做到FF和IE兼容 ......

请高手指点！！

以上说法根本不能解决问题
问题的根源在于图片是文字是内链对象不和块对象而图片是块对象，所以你可以给文字加个<span style="display:block-inline"></span>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div里面图片垂直居中的几个例子</title>
<style type="text/css">
<!--

div {
width:500px;
height:500px;
line-height:500px;
border:1px solid #666;
overflow:hidden;
position:relative;
text-align:center;
}
div dt {

+position:absolute;
t