如何摆脱HTML中的换行符

如何让我的文本全部出现在同一行上？我做在HTML菜单，我有以下来源如何摆脱HTML中的换行符

<h2> Blue Moon 20oz </h2>....<b> $5.00 </b>

在我的脑海中H2设置显然被应用到“蓝月亮”，那么有没有任何样式，然后在同一行定期点你有$ 5.00粗体。当我运行这虽然它看起来像这样：

蓝月亮

... $ 5.00

，而不是我想看到什么，那就是：

蓝月亮 .... $ 5.00

我试过使用<span>,<pre>和<br />标签，他们都没有让他们从自动中断到另一行（尽管我可能会把标签放在错误的地方）。

对不起，我知道我可能在解释这件事上做得不好，但希望我能明白我的观点。谢谢！

2017-03-02 Andrew

H2，H1，所有HX标签块标签。他们会有这种效果。如果你想让他们内联，你将不得不碰一些CSS。顺便说一下，你的问题没有得到妥善的解答，而且很难理解。 – yBrodsky

是我的错。这实际上是我在这里的第一篇文章。我没有意识到，如果我输入一个标签，它实际上会起作用。所以，当我输入诸如“pre”或“span”之类的东西时，他们没有显示 – Andrew

您需要花一点时间来了解盒模型的基本知识以及如何将不同的显示模型应用于每个矩形元素https：// css- tricks.com/almanac/properties/d/display/ – Cheekysoft

原因很简单。默认情况下这种方式使用。你需要在css中设置display: inline-block，或者尝试使用内联标签，如span。

走得更深的CSS，你就会明白一切的原因:)

2017-03-02 16:37:44 PapaSoft

非常感谢！我认为这是默认做的，但无法完全弄清楚一个解决方法。你是炸弹！ – Andrew

我做了一些小的代码（如果我正确地理解你的问题）.H2默认情况下充当显示块。如果你想在一行中显示，你只需要给内联块。对此一看：https://jsfiddle.net/p64ymc18/

HTML：

<div> 
    <h2>Blue Moon</h2>...$5.00 
</div>

CSS： H2 {显示：inline-block的;}

2017-03-02 17:00:59 jagpreet

回答