0

我想在一行中获取两个元素(一个锚点包裹在一个 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/

4

2 回答 2

1

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

.cb_inline_block * {
    display:inline-block;
}​

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

于 2012-12-14T15:51:21.290 回答
0

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

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

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

于 2012-12-14T15:51:08.823 回答