Question

我们可以只使用CSS来调整窗口大小调整中div的浮动div吗？

我的容器div是100％宽度，它包含3个内部固定宽度的div。我需要将内部div放在窗口调整大小上。

有没有办法用仅使用CSS ？

执行此操作

Answer 1

如果您发布一些代码，它会有所帮助。但我盲目地建议您将div设置为display: inline-block并将text-align: center添加到父容器中。

示例HTML

<div class="container">
  <div class="box"></div>
  <div class="box"></div>    
  <div class="box"></div>
</div>

CSS示例

.container{
  width: 100%;
  text-align: center;
}

.box{
  background: red; //random value
  height: 100px;  //random value
  width: 100px; //random value
  display: inline-block;
}

EXAMPLE FIDDLE

Answer 2

是的，有两种不同的方式：

三个div可以浮动，宽度为33.333％
容器div可以设置为display:table，并且包含的div设置为display:table-cell。

保持浮动div居中于窗口调整大小css

2 个答案: