首页 >

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

css 等待,css加速框架,css标准格式范文,css鼠标滚动条,chrome css 渐变色,css td中div居中显示,移动端横竖屏切换css判断HTML的inline和block和CSS里的inlineblockinline - CSS - 前端,移动端横竖屏切换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判断HTML的inline和block和CSS里的inlineblockinline - CSS - 前端,移动端横竖屏切换css判断


HTML的inline和block和CSS里的inlineblockinline - CSS - 前端,移动端横竖屏切换css判断
  • html如何制作超链接扩展列表 - CSS - 前端,h5 css 初始化
  • html如何制作超链接扩展列表 - CSS - 前端,h5 css 初始化 | html如何制作超链接扩展列表 - CSS - 前端,h5 css 初始化 ...

    HTML的inline和block和CSS里的inlineblockinline - CSS - 前端,移动端横竖屏切换css判断
  • 如何插入与页面等宽的虚横线 - CSS - 前端,css设置p标签间距
  • 如何插入与页面等宽的虚横线 - CSS - 前端,css设置p标签间距 | 如何插入与页面等宽的虚横线 - CSS - 前端,css设置p标签间距 ...

    HTML的inline和block和CSS里的inlineblockinline - CSS - 前端,移动端横竖屏切换css判断
  • 网页弹出对话框此页面上的脚本造成WEB浏览器运行速度减慢 - CSS - 前端,表格怎么用css样式
  • 网页弹出对话框此页面上的脚本造成WEB浏览器运行速度减慢 - CSS - 前端,表格怎么用css样式 | 网页弹出对话框此页面上的脚本造成WEB浏览器运行速度减慢 - CSS - 前端,表格怎么用css样式 ...