div后没有换行符？答案

【问题标题】：No newline after div?div后没有换行符？
【发布时间】：2011-06-14 23:47:24
【问题描述】：

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

也许div 上的某个标签会将其放在右侧？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

div.noWrap {
    display: inline;
    }

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

引用here的Mr Initial Man：

而不是这个：

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

【讨论】：

【解决方案5】：

您是否考虑过使用span 而不是div？它是div 的内嵌版本。

【讨论】：

【解决方案6】：

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

.div_class {
    clear: left;
}

或者在html中声明：

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

【讨论】：

【解决方案7】：

这个效果最好，就我而言，我都试过了

.div_class {
    clear: left;
}

【讨论】：

【解决方案8】：

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

【讨论】：