乐闻世界logo
搜索文章和话题

<img>元素是块级还是内联级?

4 个月前提问
3 个月前修改
浏览次数33

1个答案

1

<img> 元素默认是一个内联级(inline)元素。这意味着它默认不会独占一行,可以与其他内联元素如文字、链接等在一行内显示。尽管它是内联元素,<img> 也可以设置宽度和高度属性。

例如,在一个段落中使用 <img> 元素:

html
<p>这是一个文字的例子,旁边有一个图像显示:<img src="example.jpg" alt="示例图像"></p>

在这个例子中,图像会与文字在同一行显示,除非图像本身的宽度或外部样式(如CSS中的display属性)将其强制换行。但是,如果我们想让图像表现得像块级元素(block-level),我们可以通过CSS改变它的display属性:

css
img { display: block; }

这样设置后,图像会独占一行,不与其他元素在同一行内显示。

2024年8月14日 16:59 回复

你的答案