在页脚内的两个浮动div之间插入一个内嵌块div

页脚内有3个div：一个向左浮动，其中一个在中间display-inline：block;并向左飘浮;和一个在最后漂浮右。在页脚内的两个浮动div之间插入一个内嵌块div

到目前为止，我尝试的45％最小宽度添加到div左侧，但调整时，只是会引起问题。所以..

我该如何将两个div之间的中间div完全居中？

我想找到一个基于浮动和显示的解决方案：内联块而不是Flexbox。

.copyright { 
 
    font-size: 20px; 
 
    text-align: left; 
 
    margin-left: 20px; 
 
    float: left; 
 
    position: relative; 
 
} 
 
.miamilove { 
 
    font-size: 20px; 
 
    display: inline-block; 
 
    float: left; 
 
} 
 
.termslist { 
 
    font-size: 20px; 
 
    text-align: left; 
 
    margin-right: 10px; 
 
    float: right; 
 
} 
 
.footcol a { 
 
    margin-top: 10px; 
 
    font-size: 20px; 
 
    position: relative; 
 
    padding-right: 20px; 
 
} 
 
.footwrap { 
 
    text-align: center; 
 
    display: inline-block; 
 
    min-width: 100vw; 
 
}

<div class="container-fluid footwrap"> 
 
    <div class="row"> 
 

 
    <div class="footcol"> 
 

 
     <span class="copyright">Copyrr Inc. &copy; 2016</span> 
 

 
    </div> 
 

 

 
    <div class="footcol"> 
 

 
     <span class="miamilove">Made With <i class="fa fa-heart"></i> in Hollywood</span> 
 

 
    </div> 
 

 

 
    <div class="footcol termslist"> 
 

 
     <a href="#">Investors</a> 
 

 

 
     <a href="#">Press</a> 
 

 

 

 
     <a href="#">Blog</a> 
 

 

 

 
     <a href="#">Sign up</a> 
 

 
    </div> 
 

 
    </div>

来源

2016-02-15 ChosenJuan

除非我误解，你可能需要的弯曲特性。

.row { 
    display:flex; 
    justify-content:space-between 
}

http://jsfiddle.net/qmwfbhtx/2/

来源

2016-02-15 23:14:53

柔性属性不工作，当你调整窗口的大小。我怎样才能将这些词移到下一行而不用一起碾压？ – ChosenJuan

@ user3771570你的意思是这样的？ http://jsfiddle.net/qmwfbhtx/3/（删除大部分未使用的CSS和边距）实际上，我们可以在这里下载http://jsfiddle.net/qmwfbhtx/4/ –

好例子！谢谢你帮我解决这个问题！ – ChosenJuan

在页脚内的两个浮动div之间插入一个内嵌块div

回答

相关问题