0

1行に2つの要素を取得したい（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;
}

は空白に敏感なため、 HTML のとinline-blockの間の改行とスペースを削除する必要がある場合があります。</div><h3>

于 2012-12-14T15:51:08.823 に答える