HTML - 去掉换行符

Question

我怎样才能得到 <code>标记前后没有换行符？我试过<span>没有成功。我还尝试了嵌套 <p>在 li没有成功。

我认为这无关紧要，但为了记录，我还使用 prism.js 进行代码样式设置。

例如，我希望这一切都在线:

 <ul>
                <li>great way to replace a infinite loop such as <code id = "loopSnippet" class="language-javascript">while (true) { .. }</code></li>

相反，while (true) { .. }下面有自己的线。

这是一个 fiddle :

http://jsfiddle.net/Lx2bzvhm/

Answer 1

CSS 声明 code { display: block; }。删除 display: block; 的声明或将其更改为 display: inline; 或 display: inline-block;，以更适合的为准你的情况。