欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-04 19:37:05
block:块级元素默认display属性为block;无论块内内容有多少,总是占满一行; inline:行内元素默认display属性为inline;只占据块内的内容的大小,不会占满一整行; inline-block:将行内元素的display属性改为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为替换元素,直接可以控制替换元素的宽和高。