使它成为一条线,即使是在那里

时间:2017-11-09 11:16:34

标签: html css break line-breaks

如果有一个分页<p>,如何在一行中制作<br>代码?

例如:

<p> some text<br> some text<br> some text</p>

如何仅使用CSS将上述内容保持在一行?

2 个答案:

答案 0 :(得分:4)

您可以通过添加br来停用display:none并将white-space: nowrap;添加到p:

&#13;
&#13;
br {
  display: none;
}

p {
  white-space: nowrap;

  width: 50px;
  border: 1px solid red;
}
&#13;
<p> some text<br> some text<br> some text</p>
&#13;
&#13;
&#13;

我添加了一个小的宽度和边框,以显示它将始终保持在一行中,您可以删除它们。

答案 1 :(得分:2)

简单,

&#13;
&#13;
br {
    content: " ";
    display: none;
}
&#13;
<p> some text<br> some text<br> some text</p>
&#13;
&#13;
&#13;