在页脚内的两个浮动 div 之间将内联块 div 居中

Question

我在页脚内有 3 个 div：一个 向左浮动 ，一个在中间 display-inline: 块；并向左浮动； 最后一个 向右浮动 。

到目前为止，我尝试将 45% 的最小宽度添加到左侧的 div，但这只会在调整大小时造成问题。所以..

如何使两个 div 之间的中间 div 完全居中？

我试图找到一个基于浮动和 display:inline-block 而不是 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>

Answer 1

除非我误解了，否则您可能需要 flex 属性。

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

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

在页脚内的两个浮动 div 之间将内联块 div 居中

Center an Inline-block div in between two floated divs inside a footer

css

footer

css-float