web-dev-qa-db-ja.com

divの後に改行はありませんか?

前の要素でfloat: leftを使用せずにdivの前に改行を挿入しない方法はありますか?

たぶんdivにあるタグで、右に置くだけでしょうか?

49
Oliver

改行はなく、divのみがブロック要素です。

display: inlineを追加して、divをインラインにすることができます。

77
alex

spanの代わりにdivを使用することを検討しましたか? divのインラインバージョンです。

28
Matthew Sant
<div style="display: inline">Is this what you meant?</div>
17
jerluc

ここ からのイニシャルマン氏の引用

これの代わりに:

<div id="Top" class="info"></div><a href="#" class="a_info"></a>

これを使って:

<span id="Top" class="info"></span><a href="#" class="a_info"></a>

また、これを使用できます:

<div id="Top" class="info"><a href="#" class="a_info"></a></div>

そして gostbustaz

<div>、設定できます

div {
    display: inline;
}

スタイルシートで。

もちろん、それは本質的に<div> a <span>

7
Mateen Ulhaq
div.noWrap {
    display: inline;
    }
0
Andrew

これは魔法のように機能します。新しい行に配置するdivのCSSファイルで使用します。

.div_class {
    clear: left;
}

または、htmlで宣言します。

<div style="clear: left">
     <!-- Content... -->
</div>
0
Jonas