it-swarm.com.ru

Нет новой строки после div?

Есть ли способ не вставлять символ новой строки перед div без использования float: left на предыдущем элементе?

Может быть, какой-нибудь тег на div, который просто поместит его вправо?

49
Oliver

Нет новая строка, просто div является блочным элементом.

Вы можете сделать div встроенным, добавив display: inline, что может быть тем, что вы хотите.

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>

И гостбустаз

Если вы абсолютно должны использовать <div>, вы можете установить

div {
    display: inline;
}

в вашей таблице стилей.

Конечно, это по сути делает <div> a <span>.

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

Это работает как по волшебству, используйте его в файле CSS на div, который вы хотите иметь в новой строке:

.div_class {
    clear: left;
}

Или объявите это в html:

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