日期:2014-05-17  浏览次数:20607 次

页面结构如下, 怎么实现分行显示?
页面结构如下,   怎么实现分行显示?
显示为:
J2SE(TM)   5.0专题   之   语言特性             佚名   [2007-4-24]
J2SE(TM)   5.0专题   之   语言特性             佚名   [2007-4-24]

<div   id= "recent ">
<dl>

<dt   class= "first ">
  <a   href= "# "> J2SE(TM)   5.0专题   之   语言特性 </a> </dt>
    <dd> 佚名 </dd>
    <dd> [2007-4-24] </dd>

<dt   class= "first ">
  <a   href= "# "> J2SE(TM)   5.0专题   之   语言特性 </a> </dt>
    <dd> 佚名 </dd>
    <dd> [2007-4-24] </dd>

</dl>
</div>

------解决方案--------------------
<!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>
<title> test </title>
<style type= "text/css ">
dt,dd {display:inline;}
</style>
</head>
<body>
<div>
<dl>
<dt> <a href= "# "> J2SE(TM) 5.0专题 之 语言特性 </a> </dt>
<dd> 佚名 </dd>
<dd> [2007-4-24] </dd>
</dl>
<dl>
<dt> <a href= "# "> J2SE(TM) 5.0专题 之 语言特性 </a> </dt>
<dd> 佚名 </dd>
<dd> [2007-4-24] </dd>
</dl>
</div>
</body>
</html>
------解决方案--------------------
试试
dt, dl {
float:left;
}
dt {
clear:left;
}

同时可能需要定义dt/dd的宽度
------解决方案--------------------
就用p吧简单