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

最新推荐文章于 2024-10-08 23:54:12 发布
最新推荐文章于 2024-10-08 23:54:12 发布
阅读量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
关注
表单及表单元素 块级元素与行内元素 iframe嵌套框架
m0_74022688的博客
12-08 220
标签为单标签，是常用的表单控件之一。type属性为其最基木的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，标签还可以定义很多具他的属性，具常用属性如下表所示:label标签为input元素定义标注（标签)。作用:用于绑定一个表单元素，当点击 label标签的时候，被绑定的表单元素就会获得输入焦点。如何绑定元素呢?for 属性规定label与哪个表单元素绑定。 2.3textarea标签(文本域) 如果需要输入大量的信息，就需要用到标签。通过textarea标签可以轻松地创建多行文格式如下
img是行元素还是块元素
weixin_43465508的博客
03-16 3909
img属于行内可替换元素，height、width、padding、margin均可用，效果 html5的img不是块级元素。img、input、textarea、select、object 都是替换元素。这些元素往往没有实际的内容，即是一个空元素。可替换元素的性质同设置了display:inline-block的元素一致。又因为img是可替换元素，具有独立的宽高，宽高就是图片本身的宽高。浏览器根据元素的标签和属性，来决定元素的具体显示内容，src:源属性,源属性的值是图像的 URL 地址。
魅族面试的一个问题，img是行内元素，为什么也可以设置框高？
kingliguo的博客
09-23 1万+
1.魅族一面面试官问我一个问题，img是什么元素？ 我第一反应是行内元素。判断一个元素是行内元素，还是块元素，无非就是看它是否是独占一行。img标签显然没有独占一行，固它是行内元素。这没有问题。 2.接下来，面试官又问，既然img是行内元素，那为什么可以通过CSS设置框高呢？ 这一问，给我问住了，确实之前没有想过这个问题，翻了一下资料，大概比较好的解释就是: 尽管img是行内元素，
javascript学习——IMG元素详解
最新发布
白话机器学习
10-08 1168
img>元素用于插入图片，主要继承了 HTMLImageElement 接口。浏览器提供一个原生构造函数Image，用于生成实例。构造函数可以接受两个整数作为参数，分别表示元素的宽度和高度。实例的src属性可以定义图像的网址。新生成的实例并不属于文档的一部分。如果想让它显示在文档中，必须手动插入文档。除了使用Image构造，下面的方法也可以得到实例。实例除了具有 Node、Element、HTMLElement 接口以外，还拥有一些独有的属性。
img/input等部分标签是行内标签，为什么也可以设置宽和高
WinstonLau的博客
04-17 2464
常见标签分类 在平常的学习中，我们应该都知道 html 标签可以分为块级标签和行内标签 常见的块级标签有：ul、ol、li、form、h1-h6、hr、p、table、div 等 常见的行内标签有：a、button、br、img、input、label、select、span 等 但细心的同学就会发现，尽管 img 是行内标签，但是我们仍然可以给其设置宽和高，这里就涉及到另一个概念 另一种分类...
img标签和p标签是行内元素还是块级元素？以及p标签中可以放img标签吗？
热门推荐
吴冬雪的博客
05-21 2万+
其他块级元素：常用的有：　div、p、ul、ol、li、dl、dt、dd、fieldset、form、h1~h6、hr、table另外还有：address、isindex、menu、noframes、noscript、pre、blockquote、center、dir、块级元素，默认宽度占满一行。HTML 是段落标签，除了可以添加文字内容外，完全可以添加其他。类似于 inline-block ，可以被p标签包裹。比如p是居中，图片也中了。也包括IMG图片标签。
微信内置浏览器动态生成二维码并长按识别
全栈道路
06-07 1893
现如今围绕微信生态相关开发已经非常常见，本期带来如何通过 qrcode.js 实现微信内置浏览器动态生成二维码并能够长按识别 以及 通过 html2canvas 生成图片并长按保存 说几个知识点 微信长按弹出识别选项的原理 微信客户端检测到用户长按img标签微信主动进行截屏并识别图片，二维码识别采用的是截屏而不是通过img标签微信识别成功后执行相关操作 Base64 Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法.
可以给img元素设置背景图
10-30
默认情况下，<img>是行内元素，不接受某些块级元素的样式设置，比如设置背景图像。将display设置为block后，可以对<img>元素应用包括padding和background在内的所有块级元素样式。 ### 知识点二：padding的使用 在...
img行内块元素设置外边距
09-27
在HTML中，`img` 元素通常是内联元素，它的默认样式使其高度和宽度由内容确定，并不会影响周围的...需要注意的是，如果 `img` 是行内元素并且设置了 `display: none;`，那么它就不再有包含框，所以边距也不会起作用。
input框与按钮对齐行内元素对齐问题； img图片与父盒子之间的间隙问题
angrynouse的博客
05-31 326
问题描述 问题如图所示没对齐： <div> <input type="text"><input type="button" value="按钮"> </div> 解决方法 解决方案1: <div> <input type="text"><input type="button" value="按钮"> </div> <style> input{ heigh
html替换和不可替换元素
linda_417的博客
07-20 1221
从元素本身的特点来讲，可以分为替换和不可替换元素。 1、替换元素 替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。 例如浏览器会根据img标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据input标签的type属性来决定是显示输入框，还是单选按钮等。 (X)HTML中的img、input、textarea、se
行内元素和块状元素的区别以及特列--img是行内元素，但是可以设置宽高。
Handsome2013的博客
05-10 828
我们习惯将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、select、canvas、progress、cite、code、strong、em、audio、video等
img 行内元素 margin:0 auto； 使用条件
yusun1234的博客
05-22 530
1、img是行内元素img属于可替换元素，在css中可替换元素的展示效果是不由css来控制的 可替换元素是一种外部对象，它们外观的渲染，是独立于css的。 css可以影响这些元素的位置但是不能影响元素本身的样式 可替换元素： frame 、video、img 2、margin:0 auto; 使用条件 必须块内元素、有宽度 img 使用margin:0 auto;居中 需加 display:block; 还得设置宽度 ...
行内元素
FengChen的进阶之路
05-05 203
1、行内元素会在一条直线上排列，在同一行从左至右水平排列。直到一行排不下，才会换行。 2、行内元素设置宽、高、margin上下、padding上下无效（竖直无效）。 3、行内元素设置line-height，margin左右、padding左右有效（水平有效）。 4、行内元素的宽高随标签里的内容而变化。 ...
html 行内img,在html的标签中有行内元素和块元素之分，img属于行内元素。
weixin_32364911的博客
06-10 599
摘要：下列定积分中，中有之分值为零的是( )Photoshop中利渐变工具创建从黑色至白色的渐变效果，行内行内如果想使两种颜色的过渡非常平缓，下面操作有效的是哪一项???在PHOTOSHOP中使用菜单命令/时，元素元素元素选择区的边缘与被描线条之间的相对位置可以是(??????)...下列定积分中，中有之分值为零的是( )标签如何移动一条参考线?Photoshop中利渐变工具创建从黑色至白色的渐变...
什么是行内元素？
bwf_erg的博客
04-09 3277
我们都知道在html元素分为行内元素和块级元素。在实际开发中，会经常把他们弄混淆，而且很难记住。下面我们就来教会大家如何记住行内元素的 下面是我们常用的一些行内元素 锚点 字体加粗 大号字体 换行 定义为强调的内容 斜
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值