如何避免带有p标签的新行？

Question

在使用<p>代码时如何保持同一条线？

Answer 1

使用display: inline CSS属性。

理想：在样式表中：

#container p { display: inline }

糟糕/极端情况：内联：

<p style="display:inline">...</p>

Answer 2

<p>段落标记用于指定文本段落。如果您不希望文本以新行开头，我建议您错误地使用<p>标记。也许<span>标签更符合你想要实现的目标......？

Answer 3

我为css发现了这个

span, p{overflow:hidden; white-space: nowrap;}

通过similar stackoverflow question

Answer 4

类似的东西：

p
{
    display:inline;
}

样式表中的

将为所有p标签执行此操作。

Answer 5

Flexbox可以使用。

＆＃13;

＆＃13;

.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;
}

＆＃13;

<div class="box">
  <p class="item">A</p>
  <p class="item">B</p>
  <p class="item">C</p>
</div>

＆＃13;

＆＃13;

＆＃13;