谁能帮我把下面的代码换一行三个图片的 现在都是竖着的<DIV class=bd> <DIV class=custom-area> <DIV cla 30
2个回答
展开全部
下面的代码经过调试过通，并测试了兼容性通过的，楼主可直接使用
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0px; margin:0px;}
.maindiv {
font-size: 14px;
height: 400px;
width: 900px;
border: 1px solid #333;
margin: auto;
list-style-type: none;
padding-top:25px;
}
.maindiv ul {
margin: auto;
height: 100%;
width: 100%;
overflow: hidden;
}
.maindiv ul li {
list-style-image: none;
list-style-type: none;
margin: auto;
height: 130px;
width: 300px;
text-align: center;
float:left;
}
.maindiv ul li img {
height: 100px;
width: 285px;
text-align: center;
}
</style>
</head>
<body>
<div class="maindiv">
<ul>
<li><img src="a.jpg"></li>
<li><img src="b.jpg"></li>
<li><img src="c.jpg"></li>
<li><img src="a.jpg"></li>
<li><img src="b.jpg"></li>
<li><img src="c.jpg"></li>
<li><img src="a.jpg"></li>
<li><img src="b.jpg"></li>
<li><img src="c.jpg"></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0px; margin:0px;}
.maindiv {
font-size: 14px;
height: 400px;
width: 900px;
border: 1px solid #333;
margin: auto;
list-style-type: none;
padding-top:25px;
}
.maindiv ul {
margin: auto;
height: 100%;
width: 100%;
overflow: hidden;
}
.maindiv ul li {
list-style-image: none;
list-style-type: none;
margin: auto;
height: 130px;
width: 300px;
text-align: center;
float:left;
}
.maindiv ul li img {
height: 100px;
width: 285px;
text-align: center;
}
</style>
</head>
<body>
<div class="maindiv">
<ul>
<li><img src="a.jpg"></li>
<li><img src="b.jpg"></li>
<li><img src="c.jpg"></li>
<li><img src="a.jpg"></li>
<li><img src="b.jpg"></li>
<li><img src="c.jpg"></li>
<li><img src="a.jpg"></li>
<li><img src="b.jpg"></li>
<li><img src="c.jpg"></li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
<style>
div{
float:left;
width:33%;
}
</style>
</head>
<body>
<div style="background-color:red;height=50px;"></div>
<div style="background-color:blue;height=50px;"></div>
<div style="background-color:yellow;height=50px;"></div>
</body>
</html>
这个意思？
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
<style>
div{
float:left;
width:33%;
}
</style>
</head>
<body>
<div style="background-color:red;height=50px;"></div>
<div style="background-color:blue;height=50px;"></div>
<div style="background-color:yellow;height=50px;"></div>
</body>
</html>
这个意思？
追问
你留一个邮箱吧 我发一个代码给你你帮我改一下 我放在网页怎么是竖起来的
追答
ajaxroma@gmail.com
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
