使用CSS的并排块 [英] Side-by-side blocks using CSS

问题描述

我想并排放置块元素。我不想使用左，右，上或类似的东西。

I want to have block elements side-by-side. I don't don't want to use left, right, top, or anything similar.

<div class="iLB">LOLOLOL</div>
<div class="iLB">
    This is content.<br/>
    This is content.<br/>
    This is content.
</div>
<div class="iLB">This, too?</div>

CSS

CSS

.iLB {
    display: inline-block;
}

实时演示： jsFiddle

Live demo: jsFiddle

推荐答案

使用 vertical-align：top;

.iLB {
    display: inline-block;
    vertical-align: top;
}​

JSFiddle ： http://jsfiddle.net/97wDh/1/

这篇关于使用CSS的并排块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！