试图让3 div中心内div

嗨我想中心3 div的div内。试图让3 div中心内div

.outer { 
 
    border: 1px solid blue; 
 
    width: 80%; 
 
} 
 

 
.inner { 
 
    border: 1px solid red; 
 
    float: left; 
 
    width: 20px; 
 
    height: 20px; 
 
    margin-left: 20px; 
 
} 
 

 
.clear { 
 
    clear: both; 
 
}

<div class="outer"> 
 
    <div class="inner"></div> 
 
    <div class="inner"></div> 
 
    <div class="inner"></div> 
 
    <div class="clear"></div> 
 
</div>

有人能帮助这一点。

谢谢。

来源

2014-11-06 user2557307

发布您的代码，而不是一个链接到你的代码 – hunter 2014-11-06 19:59:03

邮政代码的代码标记和之后的链接。并请详细说明，也许你想要的会更好。 – KyleK 2014-11-06 19:59:21

尝试[flex]（http://css-tricks.com/snippets/css/a-guide-to-flexbox/） – avrahamcool 2014-11-06 20:09:51

如果你想实现this刚：

HTML：

<div class="outer"> 
    <div style="display: inline-block;"> 
     <div class="inner"></div> 
     <div class="inner"></div> 
     <div class="inner"></div> 
    </div> 
</div>

CSS：

.outer{ 
    border: 1px solid blue; 
    width: 80%; 
    text-align: center; 
} 

.inner:first-of-type{ 
    margin-left: 0px; 
} 

.inner{ 
    border: 1px solid red; 
    width: 20px; 
    height: 20px; 
    margin-left: 20px; 
    float: left; 
}

来源

2014-11-06 20:06:31 paulalexandru

试图让3 div中心内div

回答

相关问题