如何设置div的样式以使其与文本一起运行？

Question

我想用文本做一个小的文本高度div运行。我的代码如下所示：

blah blah blah <div style="display:block; float: left; width: 100px">[IN A DIV]</div> blah

它应该看起来像：

blah blah blah [IN A DIV] blah blah

但总是出现：

blah blah blah 
[IN A DIV]
blah blah

Answer 1

为什么要<div>？ <div>是一个块级元素，并不适用于您想要的内容。

尝试使用<span>，因为这应该用于内联内容，并且在语义上更准确。

必读：Block and Inline elements。

Answer 2

将display:block更改为display:inline

Answer 3

那是因为<div>是一个块级元素。块总是会破坏周围物体的流动。您要么将<div>设置为display: inline;，要么使用<span>。默认情况下，Spans是内联的。

Answer 4

使用display:inline代替display:block或更好地使用 SPAN 代替 DIV

Answer 5

显示：内联;并摆脱浮动。

Answer 6

使用＆lt; span＆gt ;,这是div的内联等效项。