Question

我想在同一行显示三个div，使用样式显示 - 内联块和除此样式以外的宽度，任何css3类都可用。

代码：

<div id="1" style="display:inline-block;width:10%"> </div>
<div id="2" style="display:inline-block;width:10%"> </div>
<div id="3" style="display:inline-block;width:10%"> </div>

Answer 1

不确定你在问什么，但是如果你想使用类而不是内联样式并使div对齐，你可以使用这个css来实现：

<强> HTML

<div id="1" class="inlineDivs"> </div>
<div id="2" class="inlineDivs"> </div>
<div id="3" class="inlineDivs"> </div>
<div class="clearfix"></div>

<强> CSS

.inlineDivs{
  display:inline-block;
  width:33%;
  float:left;
  background:deepskyblue;
  min-height:200px;
  border-right:1px solid black;
}

通常，在一些浮动div之后我也使用了clearfix div。

查看它的外观：http://codepen.io/anon/pen/LVvVER

会在任何一个班级都显示同一行的div吗？

1 个答案: