如何在不换行的情况下创建一个<div>元素？

Question

这是我的代码：

Your rating: <div>4</div>

看起来像：

Your rating:
     4

如何使 div 在前面不换行？

- AKor

Answer 1

<div style="display:inline-block">4</div>

或者

<div style="display:inline">4</div>

这真的取决于您想如何使用 div 容器。如果您不想要块元素，甚至使用 span 可能更实用（对于后面的例子）。

- user131441

Answer 2

尽管您可以使用

来实现此目的，但大多数人建议您改用。

- Wes Hardaker

Answer 3

将其变为<span>4</span>

或者

用自然的HTML标签<em>，<strong>包装它，并相应地为子元素设置样式。

#mypost strong {...}

http://css-tricks.com/css-beginner-mistakes-1/

- Dawson

Answer 4

你需要将你的 div 显示方式从默认的 "block" 改为 "inline"。可以参考这个 question。

- PPC-Coder

Answer 5

DIV 默认是块级元素。您可以添加 style='display:inline' 以在一行中显示，或者使用 Span 或 Label 标签代替 DIV。

- Zayar

Answer 6

你可以使用 span

Your rating: <span>4</span

操作员：您的评分为4

- Omer Hijazi