1. 爱易网页
  2. HTML教程
  3. 页面结构如下， 如何实现分行显示

页面结构如下， 如何实现分行显示

日期：2014-05-17　 浏览次数：20786 次

页面结构如下， 怎么实现分行显示？
页面结构如下，   怎么实现分行显示？
显示为：
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吧简单

相关资料更多>

  1. css统制溢出文字替换为点符号显示
  2. input关于type=text的css有关问题.等了!
  3. 兼容主流浏览器的背景掩盖和居中浮动层的CSS样式
  4. html5 canvas解决思路
  5. 网页源代码有点是灰色的,改不了,好象被锁定了?
  6. OA权限树筹建 代码
  7. 动态创办dhtmltree
  8. html页面表单向servlet提交中文数据乱码有关问题
  9. ，打开第三个页面的时候就成空白了。