css - 尽管显示 :inline-block,但无法在一行中获取两个 block 元素

标签 css

我想在一行中获取两个元素(一个 anchor 包裹在一个 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;
}

虽然这似乎不起作用,但我错过了什么? 我这里有一个 fiddle :http://jsfiddle.net/houmie/Kbe6P/

最佳答案

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

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

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

关于css - 尽管显示 :inline-block,但无法在一行中获取两个 block 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13881896/

相关文章:

CSS 填充无法正常工作?

PHP while 语句只适用于一行

html - CSS 在数据单元格上方显示表格行标题

html - 这个 css block 是否正确?如果不正确,为什么?

php - 403 禁止错误 - iPage

javascript - 如何使用 Javascript 正确修改多个元素?

javascript - 检测两个相交的圆形元素的悬停

javascript - 如何为元素的子项禁用 .onclick?

css - 如何使用 LESS 中现有规则集的声明?

html - 背景附件 :fixed; 在 chrome 上出现奇怪的背景渲染