<p>和<div>之间有什么区别?
它们可以互换使用吗?应用是什么?
<p>和<div>之间有什么区别?
它们可以互换使用吗?应用是什么?
当前回答
可以将DIV看作一个分组元素。将元素放在DIV元素中,以便可以设置它们的对齐方式
而“p”只是创建一个新段落。
其他回答
p标记用于段落,通常用于文本。div标签用于划分,通常用于创建文本的部分。
可以将DIV看作一个分组元素。将元素放在DIV元素中,以便可以设置它们的对齐方式
而“p”只是创建一个新段落。
之前的代码是
<p class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></p>
所以我要把它改成
<div class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></div>
这很容易解决。上面代码的CSS是
.item {
position: relative;
border: 1px solid green;
height: 30px;
}
.item .name {
position: absolute;
top: 0px;
left: 0px;
}
.item .price {
position: absolute;
right: 0px;
bottom: 0px;
}
所以div标签可以包含其他元素。P不应该被强迫这么做。
最好看看W3.org设计的标准。这是地址:http://www.w3.org/
“DIV”标签可以包装“P”标签,而“P”标签不能包装“DIV”标签——到目前为止我知道这个区别。可能还有其他的不同。
这些都是很好的答案,但有一个区别我还没有看到提到,那就是浏览器默认呈现它们的方式。主要的web浏览器会在段落的上方和下方显示一个<p>标签。<div>标记将被呈现,完全没有任何边距。