block与inline,inline和inline-block,块级和行内元素,行内替换和行内非替换元素
程序员文章站
2022-04-11 08:40:09
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为替换元素,直接可以控制替换元素的宽和高。
上一篇: python的学习之路(三)