html - 是否会在同一行显示 div 是否有任何类？

Question

我想使用样式显示内联 block 和宽度在同一行上显示三个 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;
}

通常，在一些 float div 之后我也会使用一个 clearfix div。

在这里查看它的外观:http://codepen.io/anon/pen/LVvVER