如何内联div

Question

以下是我的div,其中我试图在div中创建一个正方形,我遇到的问题是,当我尝试创建一个正方形然后正方形转到新线.

例:

My [SQUARE] Should look like this // NO linebreak

But my // line automatically break
[SQUARE] 
/* line automatically break */ look like this

注意:我不能左右使用浮点数,我也尝试显示:内联; 但它没有用.请告诉我如何在内容中创建内联方块

<div style="width:10px; height:10px; border:1px solid #000; background:yellow;"></div>

Answer 1

根据我的理解,这是正在发生的事情:

Your content
[SQUARE]
More content

代替

Your content [SQUARE] more content

你有没有尝试过 display: inline-block;

另外,检查包含div是否能够将所有这些内容整合到一行中.

编辑:请记住,这display: block是(大多数)元素的DEFAULT属性,这将强制它们在新行上.因此,要更改此设置,请通过设置自定义display:属性来自行覆盖默认值.