如何避免与p标签的新行？
如何在使用<p>标签时保持同一行？
使用display: inline CSS属性。
理想：在样式表中：
#container p { display: inline }
坏/极端的情况：内联：
<p style="display:inline">...</p>
<p>段落标记用于指定文本的段落。 如果您不希望文本以新行开始，我build议您正确使用<p>标记。 也许<span>标签更贴近你想要达到的目标…？
我碰到这个CSS的
span, p{overflow:hidden; white-space: nowrap;}
通过类似的stackoverflow问题
就像是：
p { display:inline; }
在你的样式表中会做所有的p标签。
Flexbox的作品。
.box{ display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items:center; border:1px solid #e3f2fd; } .item{ flex: 1 1 auto; border:1px solid #ffebee; }
<div class="box"> <p class="item">A</p> <p class="item">B</p> <p class="item">C</p> </div>
