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

Jos*_*osh 90 html css tags

在使用<p>标签时如何保持同一条线?

Dou*_*ner 156

使用display: inlineCSS属性.

理想:在样式表中:

#container p { display: inline }
Run Code Online (Sandbox Code Playgroud)

坏/极端情况:内联:

<p style="display:inline">...</p>
Run Code Online (Sandbox Code Playgroud)

  • 正确的CSS,但原始问题评论中的男孩是对的......问问自己为什么要这样做......"SPAN"似乎更适合这种情况. (8认同)
  • 跨度相同,不会换新线!正如`one.beat.consumer`所说 (4认同)

Ste*_*son 57

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

  • 这应该是公认的答案。这个问题没有直接答案,但可能是问题的更好解决方案。 (2认同)

ack*_*hiw 17

我为了css而遇到了这个

span, p{overflow:hidden; white-space: nowrap;}
Run Code Online (Sandbox Code Playgroud)

通过类似的stackoverflow问题

  • 我不需要溢出:隐藏。谢谢 (2认同)

Joh*_*ker 6

就像是:

p
{
    display:inline;
}
Run Code Online (Sandbox Code Playgroud)

在您的样式表中会为所有 p 标签执行此操作。