我不明白为什么有些人将图片标签放在p标签内... 有什么好处吗?
<p>
<img src="https://i.pinimg.com/originals/e7/36/58/e736580683c04f5df858b0f1bbba6344.jpg" style="width:300px;height:300px" >
</p>
答案 0 :(得分:2)
这完全取决于相关页面。有时它可能很有用,以便它继承p标签的样式或位置。您总是可以使用其他CSS规则完成此操作,但有时只需在其周围放一个p标记会更容易。
答案 1 :(得分:0)
对于要在页面上或div
中居中放置图像的情况很有用。也许有更好的方法可以实现这一目标,但是您可以执行以下操作:
<p style="width:100%; text-align:center;">
<img style=" height:300px; width:300px; float:none; margin:auto;" src="https://i.pinimg.com/originals/e7/36/58/e736580683c04f5df858b0f1bbba6344.jpg" style="width:300px;height:300px" >
</p>
如果您删除了<p></p>
,则图像将不再居中。
<img style=" height:300px; width:300px; float:none; margin:auto;" src="https://i.pinimg.com/originals/e7/36/58/e736580683c04f5df858b0f1bbba6344.jpg" style="width:300px;height:300px" >
答案 2 :(得分:0)
<p>
(段落)元素用于文本块。
它的子节点可以是text
节点,理想情况下可以是inline
节点(例如:<span>
和<a>
等)。
另外
在段落中,我们还可以在文本中包含相关图像,因此从技术的角度来看,在段落中添加<img>
元素也是“有效的”,但是判断图像是否合理可能会比较棘手是该段的唯一元素。通常,在这些情况下,图像元素设置为float: [left, right];
,以使文本能够在它们周围流动,但这仍然是优先选择的问题。
回答您的问题
将<img>
元素嵌套在<p>
内是技术上有效的html代码;但这可能在语义上不准确(取决于具体情况)。