CSS中块元素、内联元素、内联块元素的区别

百香果果ccc

已于 2022-02-22 15:27:27 修改

阅读量365

点赞数 1

分类专栏： CSS 文章标签： css 前端

于 2022-02-09 23:25:45 首次发布

本文链接：https://blog.csdn.net/wytccc/article/details/122851804

版权

CSS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

                    
                        
                    
                    类型特点例子
块元素（block）可设置宽高 
 宽度默认为100% 
 独占一行div、p、ul、li、form、table
内联元素（inline）无法设置宽高 
 所有元素默认排在一行 
 元素大小随内容变化 
 上下margin、padding不生效（左右生效）a、u、i、b、span、img（特殊，可以理解为inline-block）、伪类
内联块元素（inline-block）既能设置宽高，又能排在一行显示input

                

类型	特点	例子
块元素（block）	可设置宽高宽度默认为100% 独占一行	div、p、ul、li、form、table
内联元素（inline）	无法设置宽高所有元素默认排在一行元素大小随内容变化上下margin、padding不生效（左右生效）	a、u、i、b、span、img（特殊，可以理解为inline-block）、伪类
内联块元素（inline-block）	既能设置宽高，又能排在一行显示	input