block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素

block:块级元素默认display属性为block；无论块内内容有多少，总是占满一行；

inline:行内元素默认display属性为inline；只占据块内的内容的大小，不会占满一整行；

inline-block:将行内元素的display属性改为inline-block就可以控制行内元素的长和宽；

常见的块级元素：div ul ol li dl dt p;常用的行内元素：a b span img input ；

inline-block和block的区别：简单点说，布局的时候，想在行级元素内添加块级元素，要换行就使用block，不要换行就是用inline-block.input和img为替换元素，直接可以控制替换元素的宽和高。

block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素相关推荐

行内元素，块级元素，各自特点及其相互转化
作为一名小前端,块级元素.行内元素用了几千几万次,除了"块级独占一行,行内不独占"之外,对细节属性的了解十分匮乏,今天做以部分属性的测试和阐述. 一. 对物理属性的支持元素类别 ...
块级、内联、内联块级
在html元素中,元素会有display属性. display属性默认值是block,那么该元素是块级元素. display属性默认值是inline,那么该元素是内联元素. 没有元素的display默 ...
块级元素、行内元素及行内块元素
盒子模型是CSS中的一个重要概念,在html中所有元素都可以看成一个盒子.盒子有外边距(margin).边框(border).内边距(padding)及填充内容(content)等属性.使用盒子模型可 ...
为什么span，label，是行级元素，div，p等等是块级元素
这期的问题非常有意思,我们一直说span,label,a都是行元素,div,p还有h1~h5是块级元素等等,但是你有想过为什么吗?别告诉我这是大家约定俗成的东西,实际上,他还真的不是. 先知道啥是行级 ...
css text-align属性，行内元素，块级元素居中详解
一.text-align属性 1.text-align用来设置元素中的的文本对齐方式,例如:如果需要设置图片的对齐方式,需要设置图片的父元素的text-align属性: 2.text-align只对文 ...
html li是块级元素,html块级元素
html块级元素 HTML 可以通过和将元素组合起来. HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素. 块级元素在浏览器显示时,通常会以新行来开始(和结束). 实例: , ...
block inline 和inline-block 块级元素和内联元素
2019独角兽企业重金招聘Python工程师标准>>> 非常好的一篇文章 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements ...
常见的内联元素(inline)和块级元素(block)
1.内联元素(inline): a – 锚点 abbr – 缩写 b – 粗体(不推荐) big – 大字体 br – 换行 cite – 引用 code – 计算机代码(在引用源码的时候 ...
HTML元素分类：inline、inline-block、block
三者可以互相转化--设置display属性值:inline.inline-block.block inline textarea.span.a.img.input.select 行内元素特征:(1)设 ...

block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素

block与inline，inline和inline-block，块级和行内元素，行内替换和行内非替换元素相关推荐

最新文章

热门文章