怎么使多个dl没有间隙-HTML教程-爱易网页

怎么使多个dl没有间隙

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

如何使多个dl没有间隙？

本帖最后由 dmtnewtons 于 2012-12-17 14:18:31 编辑



<!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>dl_float</title>

<style type="text/css">

*{

	padding:0;

	margin:0;

	}

div{

	border:solid 1px;

	padding:10px;

	float:left;

	width:900px;

	margin-top:10px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

	}

div dl{

	display:block;

	width:400px;

	border:solid 1px;

	float:left;

	margin:2px;

	position:inherit;

	}

</style>

</head>



<body>

<div>

	<dl>def<br />ghi</dl>

	<dl>456</dl>

	<dl>123<br />abc</dl>

	<dl>789</dl>

</div>

</body>

</html>