img是行内元素，为什么也可以设置框高？

最新推荐文章于 2024-04-16 15:17:05 发布
最新推荐文章于 2024-04-16 15:17:05 发布
阅读量1.4k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41720311/article/details/84193431
版权

尽管img是行内元素，但同时它也是置换元素，置换元素一般内置框高属性，因此可以设置其框高。


那么什么又是“置换元素”呢？

置换元素就是会根据标签属性来显示的元素。反之就是非置换元素了。

比如img根据src属性来显示，input根据value属性来显示，因此可知道img和input是置换元素，当然同理textarea, select,也是置换元素
 

BigDaddy2333
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
常见元素 – img元素
coolchaobing的博客
07-24 4255
认识img元素
HTML系列之图像标签img
热门推荐
老__L的博客
10-24 3万+
本文主要介绍 img 标签。 将一份图像嵌入文档。没有基线（baseline）;根据图像文件的类型，图像可能会有一个原始分辨率（intrinsic dimension）或者叫原始宽高。对于一些类型的图像，原始分辨率并不是必要的；在高分辨率设备上， srcset 将被优先加载，取代 src 属性中的图像。在支持 srcset 的用户代理中，src 属性中的图片被作为 1x 候选项；alt 属性的值应该清晰、简洁地描述图像的内容。它不应该描述“图像的存在”，或仅仅包含图像的文件名。
img是行元素还是块元素
weixin_43465508的博客
03-16 3384
img属于行内可替换元素，height、width、padding、margin均可用，效果 html5的img不是块级元素。img、input、textarea、select、object 都是替换元素。这些元素往往没有实际的内容，即是一个空元素。可替换元素的性质同设置了display:inline-block的元素一致。又因为img是可替换元素，具有独立的宽高，宽高就是图片本身的宽高。浏览器根据元素的标签和属性，来决定元素的具体显示内容，src:源属性,源属性的值是图像的 URL 地址。
HTML5 之 Img 标签
无
09-09 1万+
概述   img 用于将图片嵌入文档。   img是行内单标签元素，同时img也是可替换元素（可修改宽高）。 可替换元素   HTML元素可分为可替换元素和不可替换元素，详细参考。   绝大多数的HTML元素都是不可替换元素，其内容由DOM内容决定。例如<p>hello world</p>，展示的内容就是文本节点hello world。   而对于可替换元素，其内容则由元素的标签和属性决定。例如<img>元素的内容实际是由src属性读取的图片的原始宽高来确定的。   典.
html中img标签特性及块元特性
weixin_46349935的博客
08-12 1298
1、行内元素：a img span b strong input select section。度如果不设置,默认为父元素的宽**(父元素宽度100%)** 父元素的高度不继承。2、块级元素：div p table ul ol li h1-h6 dl dt。2.元素高度,宽度,行高,和等边距都可以设置。,可以自由设置宽高,这种内容可替换的元素。1.img不会独占一行,一行可以放多个。1.每一个块级元素都是独占一行;2.img是行元素,但具有。...
《网友设计与开发》中块元素与行内元素详解
10-24
* 可以设置宽高、边框、背景色等样式 * 可以包含其他元素 常见的块元素有： * `address`：地址元素，用于表示联系信息 * `blockquote`：块引用元素，用于引用他人的话语 * `center`：居中对齐块元素，用于将内容...
img与容器下边界的空隙（缝隙） 的解决方法
09-25
值得注意的是，不只是img元素，其他行内元素（如span、input等）在包含在block元素中时，也可能出现类似的问题。解决方法相同，都是通过调整对齐方式或字体大小来处理。 总之，在进行网页开发时，特别是在需要兼容...
css中使input输入框与img(图片)在同一行居中对齐
09-25
这个属性主要用于控制行内元素（如`<span>`, `<input>`或`<img>`）在它们的行内框中的垂直对齐方式。默认情况下，不同类型的元素会有不同的对齐基准，导致视觉上的不一致。对于img元素，它通常默认为`baseline`，即...
css中替换元素和不可替换元素及显示元素详细探讨
09-25
大部分替换元素默认为行内元素，可以通过修改`display`属性改变元素的类别，实现行内元素到块级元素的转换，反之亦然。 替换元素和块级元素在格式化上有很多相似之处，如边距的压缩规则，以及默认的边框和填充为0。...
块级元素和内联元素及可变元素汇总
09-28
块级元素非常适合用于组织页面结构，创建清晰的层次感，而且可以设置宽高、内边距和外边距等样式属性，以实现更灵活的布局。 **内联元素**则不会占据整行，而是只占据其内容所需的空间，并且与其他内联元素并排显示...
行内元素、块级元素、空元素的理解
番茄脸红了~
06-19 1072
了解基础的行内元素、块级元素、空元素，减少犯错率！
前端笔记——img元素
最新发布
Geciye的博客
04-16 159
2）屏幕阅读器会将这些描述读给需要使用阅读器的读者听，让他们知道图像的含义。2）绝对路径（absolute）：根盘符开始查找，一直找到这个资源。3）相对路径（relative）： 相对于当前文件的一个路径。，当设置了src时，图片资源会替换掉原来img占据的位置。3. 当img在没有设置src的情况下是什么都不显示的。—— 1）当图片加载不成功时，会显示该属性的文本。1. img 是一个。
大部分前端都会答错的问题：＜img＞是什么元素
weixin_45720111的博客
11-29 2674
前言 某天晚上，和几个朋友去撸串，突然就聊到了面试，都在感叹现在的面试题太变态了，其中一个突然很神秘的问我：“你写前端这么久了，那你知道<img> 是什么元素吗？” 于是我结合平时的经验，脱口答道：“应该是内联元素吧。”但说出来就后悔了，因为肯定没那么简单。 果然，他像“非洲大山”穆托姆博那样对我摇了摇指头。 于是我回去就查了一下，发现答案还不是那么明朗，以下是百度的结果： 但通过图中可以发现，提到了一个词：替换。 1.什么是可替换元素？ 在 CSS 中，可替换元素（replaced ele
前端html基础：标签（二）
我就知道你会来，我们一起进步吧！
01-22 785
img src="图像url" />单词image的缩写，意为图像。img的属性：src是标签的必须属性（属于该标签的一种特性），它用于指定图像文件的路径和文件名。alt是替换文本，图像显示不出来的时候用文字进行替换。（只有图片显示不出来的时候才会出现）title是提示文本，鼠标放到图像上，显示文字width设置图像宽度height设置图像高度border设置图像的边框粗细注意：1.图像标签属于单标签。
html替换和不可替换元素
linda_417的博客
07-20 1170
从元素本身的特点来讲，可以分为替换和不可替换元素。 1、替换元素 替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。 例如浏览器会根据img标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据input标签的type属性来决定是显示输入框，还是单选按钮等。 (X)HTML中的img、input、textarea、se
html之img元素
蛐蛐的博客
09-17 517
1.简介 img 元素向网页中嵌入一幅图像。 请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。 <img> 标签创建的是被引用图像的占位空间。 2.使用 2.1 src src属性用于加载一个图片 <img src="1.jpg"></img> 默认情况下img元素的宽高和图片的原始像素宽高一致 2.2 alt alt声明当图片加载不出来时的显示文本 <img src=..
img是什么元素？
Slueia的博客
03-12 486
https://blog.csdn.net/weixin_30699465/article/details/98586002
行内元素和块级元素的区别，为何img、input等行内元素可以设置宽高??（夯实基础）
zhouzuoluo的博客
07-16 9566
我们习惯将html中元素分类为行内元素和块级元素，如下：·常见块级元素有：html、body、div、header、footer、nav、section、aside、article、p、hr、h1~h6、ul、ol、dl、form、table、tbody、thead、tfoot、tr等；·常见行内元素有：span、a、img、textarea、button、input、br、label、selec...
魅族面试的一个问题，img是行内元素，为什么也可以设置框高？
kingliguo的博客
09-23 1万+
1.魅族一面面试官问我一个问题，img是什么元素？ 我第一反应是行内元素。判断一个元素是行内元素，还是块元素，无非就是看它是否是独占一行。img标签显然没有独占一行，固它是行内元素。这没有问题。 2.接下来，面试官又问，既然img是行内元素，那为什么可以通过CSS设置框高呢？ 这一问，给我问住了，确实之前没有想过这个问题，翻了一下资料，大概比较好的解释就是: 尽管img是行内元素，
1. 行内元素有哪些？块级元素有哪些？CSS的盒子模型？
05-05
HTML中的行内元素有：a、span、img、input、button、select、textarea、label、em、strong、i、b、u、s、sub、sup等。 HTML中的块级元素有：div、p、ul、ol、li、h1、h2、h3、h4、h5、h6、form、table、header、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值