div之后没有新行？

Question

有没有办法在div之前没有在前一个元素上使用float: left之前插入换行符？

div上的某个标签可能只是将它放到右边？

Answer 1

没有换行符，只有div是一个块元素。

您可以通过添加div来内联display: inline，这可能是您想要的。

Answer 2

您是否考虑过使用span代替div？它是div的内联版本。

Answer 3

<div style="display: inline">Is this what you meant?</div>

Answer 4

从here引用初始人先生：

  

而不是：

<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> <span>。

Answer 5

使用 span 而不是 div。因为 span 是行内元素而 div 是块元素。所以 div 总是会添加到新行中，因为它覆盖了整个宽度，而 span 不会。

Answer 6

div.noWrap {
    display: inline;
    }

Answer 7

这就像魔法一样，在你想要在新行上使用div的CSS文件中使用它：

.div_class {
    clear: left;
}

或者在html中声明它：

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

Answer 8

这是最好的方法，就我而言，我尝试了全部

.div_class {
    clear: left;
}