当前位置：首页 → 问答吧 → dl标签问题

dl标签问题

时间：2011-08-02

来源：互联网

小弟有dl标签问题
想实现的样子是
<dd></dd>
<dt></dt> <dd></dd>
<dd></dd>

就是说想实现跟table一样的跨行
谢谢大家

作者: gordonlong88 发布时间: 2011-08-02

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0; padding:0; font-size:12px; color:#000;}
dl{float:left; width:400px; line-height:22px;}
dl dt,dd{width:100px; float:left;}
</style>
</head>

<body>
<div style="width:400px;">
    <dl>
        <dt>1</dt>
        <dd>2</dd>
        <dd>3</dd>
        <dd>4</dd>
    </dl>
    <dl>
        <dt>1</dt>
        <dd>2</dd>
        <dd>3</dd>
        <dd>4</dd>
    </dl>
    <dl>
        <dt>1</dt>
        <dd>2</dd>
        <dd>3</dd>
        <dd>4</dd>
    </dl>
</div>
</body>
</html>

作者: MuBeiBei 发布时间: 2011-08-02

dl标签问题

热门阅读

热门下载