怎么设置css，把放在一个div中的图片横着排列

@wolfy:

<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title></title>

#TuDiv {
height: 510px;
/*background-color: red;*/
}

#XuanDiv {
height: 50px;
}

img {
height: 510px;
width: 394px;
}

.JuLi {
margin-top: -16px;
margin-left: -40px;
}

ul li {
display: inline-block;
float:left;
}
</style>

</head>
<body>
<div id=”ZongDiv”>
<div id=”TuDiv” class=”JuLi”>
<ul>
<li>
<img src=”qiehuan/1.jpg” />
</li>
<li>
<img src=”qiehuan/2.jpg” />
</li>
<li>
<img src=”qiehuan/3.jpg” />
</li>
<li>
<img src=”qiehuan/4.jpg” />
</li>
<li>
<img src=”qiehuan/5.jpg” />
</li>

</ul>

</div>

</div>

</body>
</html>

相关文章：

你感兴趣的文章：

标签云：