Question

我想在一行中得到两个元素（一个包裹在div和h3中的锚）

<div class="cb_inline_block">
  <div><a class="btn right-margin" href="/"><i class="icon-arrow-left"></i></a></div>
  <h3>Test</h3>
</div>


.cb_inline_block {
    display:inline-block;
}

这似乎不起作用，我错过了什么？我有一个小提琴：http://jsfiddle.net/houmie/Kbe6P/

Answer 1

更新..您需要为要显示为内联块的每个元素设置属性。

.cb_inline_block * {
    display:inline-block;
}

http://jsfiddle.net/Kbe6P/1/

Answer 2

您需要将display: inline-block;应用于您希望并排放置的实际元素。在这种情况下，那是.cb_inline_block的孩子，例如

.cb_inline_block > div,
.cb_inline_block > h3 {
    display: inline-block;
}

请注意inline-block是空格敏感的，因此您可能需要删除HTML </div>和<h3>之间的换行符和空格。

尽管显示：内联块，但不能在一行上获得两个块元素

2 个答案: