HTML的inline和block和CSS里的inlineblockinline – CSS – 前端，移动端横竖屏切换css判断

css 等待，css加速框架，css标准格式范文，css鼠标滚动条，chrome css 渐变色，css td中div居中显示，移动端横竖屏切换css判断

谢谢邀请。

display: inline

1）作用：

使元素成为行内元素

2）特点：

也叫内联元素，和其他元素都在一行上；

高，行高及顶和底边距不可改变；

宽度就是它的文字或图片的宽度，不可改变。

display: block

1）作用：

使元素成为块级元素

2）特点：

块级元素，可以控制宽和高、margin及border等；

并且会换行。

display: inline-block

1）作用：

使元素保留行业元素布局，同时拥有块级元素的css属性（如width，height）

2）特点：

是使元素以块级元素的形式呈现在行内。

即，让这个元素显示在同一行不换行，

但是又可以控制高度和宽度，

这相当于内联元素的增强。

对比的区别

希望能帮到你或其他的小伙伴，谢谢。

（结束）

【资深IT老张】乐意为您提供 IT 技术方面的咨询服务。

css 等待，css加速框架，css标准格式范文，css鼠标滚动条，chrome css 渐变色，css td中div居中显示，移动端横竖屏切换css判断