img/input等部分标签是行内标签，为什么也可以设置宽和高

常见标签分类

在平常的学习中，我们应该都知道 html 标签可以分为块级标签和行内标签
常见的块级标签有：ul、ol、li、form、h1-h6、hr、p、table、div 等
常见的行内标签有：a、button、br、img、input、label、select、span 等
但细心的同学就会发现，尽管 img 是行内标签，但是我们仍然可以给其设置宽和高，这里就涉及到另一个概念

另一种分类：可替换标签和不可替换标签

可替换标签：标签的具体显示内容要根据其属性来决定的标签就是可替换标签，如 img、input、textarea、select 等
不可替换标签：标签的具体显示内容直接呈现给用户端的标签就是可替换标签
所有的可替换标签都是可以设置宽高的
几乎大部分的可替换标签都是行内标签

如何给不是可替换标签的行内标签设置宽和高

使用 display:block;
使用 display：inline-block;
给行内标签添加 float 来设置宽高，因为不论什么元素本身是什么，当它浮动时就会生成一个块级框

img/input等部分标签是行内标签，为什么也可以设置宽和高相关推荐

html标签的显示模式（块级标签，行内标签，行内块标签）（转）
html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...
HTML 块标签，行内标签，行内块标签以及之间的相互转换
HTML标签分类行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶和底边距,完全靠内容撑开宽 ...
html标签的显示模式（块级标签，行内标签，行内块标签）
今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上 ...
14-----块级标签和行内元素
学习的初期,我们就要知道,标准文档流等级森严.标签分为两种等级: 行内元素块级元素比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内 ...
【CSS】标签显示模式 ② ( 行内元素 | 行内块元素 )
文章目录一.行内元素 1.行内元素简介 2.行内元素特点 3.代码示例二.行内块元素 1.行内块元素简介 2.行内块元素特点 3.代码示例一.行内元素 1.行内元素简介行内元素可以在一行中 ...
[css] img标签是行内元素，为什么却能设置宽高
[css] img标签是行内元素,为什么却能设置宽高原来CSS中还有一个概念:可替换元素MDN上是这么解释的:在 CSS 中,可替换元素(replaced element)的展现效果不是由 CSS ...
前端基础——双单标签、行内块级元素、路径、常用标签
一.单标签和双标签: 在HTML基础中,单标签就是由一个标签组成的. 例如<br>.<hr>.<img>.<input>.<param>.& ...
网页编程技术二（块级元素和行内标签）
1.块级元素顾明思义,块级标签在网页中显示为块:块级标签一般独占一行,新的块级标签将从新的一行开始排列,它可以容纳其他块级元素和内联元素. 常见的会计标签: 1.1标题标签:<h1>&l ...
css实现input文本框与图片行内水平居中对齐
css实现input文本框与图片行内水平居中对齐如图输入框与图片不对齐 css样式添加 input,img {vertical-align:middle;}

img/input等部分标签是行内标签，为什么也可以设置宽和高

常见标签分类

另一种分类：可替换标签和不可替换标签

如何给不是可替换标签的行内标签设置宽和高

img/input等部分标签是行内标签，为什么也可以设置宽和高相关推荐

最新文章

热门文章