页面结构如下， 如何实现分行显示
日期：2014-05-17 浏览次数：20659 次
页面结构如下， 怎么实现分行显示？
页面结构如下， 怎么实现分行显示？
显示为：
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吧简单
页面结构如下， 怎么实现分行显示？
显示为：
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吧简单
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
