DIV+CSS 一行两列的最简单代码<ul> <li>

<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!–
.list-class {
 LINE-HEIGHT: 18px; TEXT-ALIGN: left; margin:10px 0 0 20px;
}
.list-class UL {
 padding:0px ;width:600px;
}
.list-class li {
 padding:2px 0px 2px 22px; width:250px; display:block; float:left;
}
}
–>
</style>
</head>
<body>
<DIV class=list-class>
<UL >
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</LI>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</li>
<LI>列表信息一</LI>
</UL>
</DIV>
</body>
</html>

DIV+CSS 一行两列的最简单代码<ul> <li>》上有 0 条评论

发表评论

邮箱地址不会被公开。 必填项已用*标注

click to changeSecurity Code