制作一个前面没有换行符的 <div> 元素？

【问题标题】：Making a <div> element without a newline before it?制作一个前面没有换行符的 <div> 元素？
【发布时间】：2011-03-25 05:34:01
【问题描述】：

这是我的代码：

Your rating: <div>4</div>

看起来像：

Your rating:
     4

如何让一个 div 在它之前不换行？

【问题讨论】：

标签： css

【解决方案1】：

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

或

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

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

【讨论】：

【解决方案2】：

虽然您可以使用

来做到这一点，但大多数人会建议您使用代替。

【讨论】：

【解决方案3】：

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

或

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

#mypost strong {...}

【讨论】：

【解决方案4】：

您需要让您的 div 显示“内联”而不是默认的“块”。看看这个question。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

你可以使用跨度

Your rating: &lt;span&gt;4&lt;/span

OP：您的评分：4

【讨论】：