css中img默认样式问题

html-css056

css中img默认样式问题,第1张

img默认是个行内元素，比如在img的前面或后面放一些文字，这些文字会与图片排在同一行。因此，当图片的前后存在一些空格或回车换行符时，它们会与图片一起成为同一块行内元素，从而会造成外面的div被撑得比你想象的尺寸要大一些，比如：<div><img src="..."/></div>而如果是这样就不会：<div><img src="..."/></div>如果给img的css添加display:block属性，它就会变成块级元素（它会独占一行），其前后的空格、回车等也会被自动忽略，这样外面的div的尺寸就会保持与img一致。

HTML <P>是段落标签，除了可以添加文字内容外，完全可以添加其他html标签也包括IMG图片标签。

一、p标签语法与结构

<p>内容</p>

二、段落p标签使用说明：

常常我们在需要分段大换行时候，对内容前加<p>内容后加</p>即可实现文章换段落。

三、P段落标签使用案例

<p>我是p标签</p>

<p>我是第一段落,</p>

<p>我是第二段落；</p>

<p>我是第三段落，<br />我被br换行。</p>

<p><img src=""图片.jpg></p>