删除换行符HTML

时间:2013-08-09 21:19:20

标签: html

我想知道如何删除HTML中的换行符。例如,此代码将在彼此之上具有两个Hello World。如果我在编程方面不够好,我很抱歉。

<p>Hello World</p>
<p>Hello World</p>

2 个答案:

答案 0 :(得分:17)

你有几个选择:

p {
    display: inline-block;
}

JS Fiddle demo

或者:

p {
    display: inline;
}

JS Fiddle demo

如果是要移除的第一个p底部和第二个p顶部之间的空白区域:

p {
    /*      top  right  bottom  left */
    margin: 0    0      0       0;
}

JS Fiddle demo

答案 1 :(得分:2)

<p>标记是块级元素,这意味着默认情况下它将尝试获取其容器的整个宽度。如果必须使用<p>标记,则可以使用“display:inline”更改CSS的行为。虽然<span>标记可能更适合您的需要,因为默认情况下它是一个内联元素。

W3Schools提供了大量有用的信息。

http://www.w3schools.com/html/html_blocks.asp