html关于div嵌套几个div的对齐。
<html><head><styletype="text/css">.main{width:500px;height:200px;background-color:#00...
<html>
<head>
<style type="text/css">
.main{
width:500px;
height:200px;
background-color:#0000ff;
text-align:center;
margin: 0 auto;
}
.in{
width:100px;
height:100px;
background-color:#ff0000;
float:left;
margin:5px;
}
</style>
</head>
<body>
<div >
<div class="main">
<div class="in"></div>
<div class="in"></div>
<div class="in"></div>
</div>
</div>
</body>
</html>
如何让所有main里面的in div水平居中对齐且在同一行，不要修改div的高度宽度，因为时候div的数量是不定的。 展开
<head>
<style type="text/css">
.main{
width:500px;
height:200px;
background-color:#0000ff;
text-align:center;
margin: 0 auto;
}
.in{
width:100px;
height:100px;
background-color:#ff0000;
float:left;
margin:5px;
}
</style>
</head>
<body>
<div >
<div class="main">
<div class="in"></div>
<div class="in"></div>
<div class="in"></div>
</div>
</div>
</body>
</html>
如何让所有main里面的in div水平居中对齐且在同一行，不要修改div的高度宽度，因为时候div的数量是不定的。 展开
1个回答
展开全部
这样子？
<html>
<head>
<style type="text/css">
.main{
width:500px;
height:200px;
background-color:#0000ff;
text-align:center;
margin: 0 auto;
overflow:hidden;
}
.in{
width:100px;
height:100px;
background-color:#ff0000;
float:left;
margin:5px;
position:relative;
right:50%;
}
.content{float:left;position:relative;left:50%;}
</style>
</head>
<body>
<div class="main">
<div class="content">
<div class="in"></div>
<div class="in"></div>
<div class="in"></div>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
