如何禁用某些HTML元素正在创建的默认换行符。
例如:
<p> Hello World</p> <p> Welcome to StackOverflow</p>
浏览器将渲染上面的HTML代码,并打印两行文本,一个在另一个之上,我希望浏览器将这两个段落并排放置。我是怎么做的(它比段元素本身更具一般性)?
我对上述问题的观点是,我希望能够构建一个简单的网页,而不会将某些元素呈现在另一个之上,因为我希望例如导航部分位于左侧,内容部分位于在导航部分的右侧。 我知道我可以用CSS(元素的定位)做到这一点,但我没有时间花在网页的设计方面也没有,我的目的是做一个简单的元素定位
答案 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>
元素