取消元素的默认新行

时间:2011-12-30 11:11:21

标签: html

如何禁用某些HTML元素正在创建的默认换行符。

例如:

<p> Hello World</p> <p> Welcome to StackOverflow</p> 

浏览器将渲染上面的HTML代码,并打印两行文本,一个在另一个之上,我希望浏览器将这两个段落并排放置。我是怎么做的(它比段元素本身更具一般性)?

我对上述问题的观点是,我希望能够构建一个简单的网页,而不会将某些元素呈现在另一个之上,因为我希望例如导航部分位于左侧,内容部分位于在导航部分的右侧。 我知道我可以用CSS(元素的定位)做到这一点,但我没有时间花在网页的设计方面也没有,我的目的是做一个简单的元素定位

3 个答案:

答案 0 :(得分:3)

对于那些元素使用span而不是像这样的p标签

<span> Hello World</span> <span> Welcome to StackOverflow</span> 

答案 1 :(得分:2)

<span>

是一个更合适的标签。 <p>标记被视为“块级”元素,而<span>标记被视为“内联”标记。

Inline vs. Block会快速了解两者之间的差异。

作为旁注:内联元素通常位于块元素内部,而块元素通常不会进入内联元素。

然而...

如果您真的想要这样做,使用<p>,您可以设置display:inline;的CSS样式,这将强制浏览器将其呈现为内联元素。

答案 2 :(得分:1)

<p>

是块级元素。这意味着它显示为一个块,占据其容器中的所有空间。您应该使用非块级元素,如

<span> 

元素