css img是块级元素吗？

html-css016

css img是块级元素吗？,第1张

不是。\x0d\x0acss中默认img的display属性是inline，只有body、div、p、h1等少数拥有块定义。\x0d\x0a如果需要img有块的属性，还需在css中定义\x0d\x0aimg {display:block}

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

在css中，如果是img图片，可以使用width属性来控制图片宽度，例“img{width：100px}”；如果是背景图片，则使用background-size属性来控制图片宽度，语法“background-size：宽度 高度”。

使用img图片--使用width属性标签定义 HTML 页面中的图像。而width属性设置元素的宽度。背景图片—使用background-size属性background-size属性指定背景图片大小。