我想使用样式显示内联 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>
最佳答案
不确定你在问什么,但如果你想使用类而不是内联样式并使 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
关于html - 是否会在同一行显示 div 是否有任何类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31958258/