`
liuyu405
  • 浏览: 5234 次
  • 来自: ...
文章分类
社区版块
存档分类
最新评论

什么是内联对象,什么是块对象

    博客分类:
  • css
CSS 
阅读更多
块对象默认宽度是100%(继承自父元素),如果没有采用“float:left/right;”样式,相邻的两个块对象就会分排在不同的两行上。

内联对象的宽度取决于其内部元素的宽度与padding样式值之和,不可直接指定其宽度与高度(“display:block;”、“float:left/right;”强行转换后可以定义),相邻的两个内联对象会排在同一行上。

]什么是内联对象,什么是块对象?css

<DIV style="FONT-SIZE: 12px">什么是内联对象,什么是块对象?

所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如, div 是一个块对象,span 是一个内联对象。

块对象的特征是从新的一行开始且能包含其他块对象和内联对象。从新的一行开始:比如div就是前后断行;

内联对象被呈递时不会从新行开始,能够包含其他内联对象和数据。内联可以这样理解:不从新的一行开始,直接从内容里面,接着往后走。。。是指它能被别的对象内联。。。。

==========================

相关信息参考:css display参数

block  :  CSS1  块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行

none  :  CSS1  隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间(页面物理尺寸大小空间)

inline  :  CSS1  内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行

改变此属性值(即:display)对其周围内容布局的影响可能是:

在属性值设为 block 的对象后面添加新行。

从属性值设为 inline 的对象中删除一行。

隐藏属性值设为 none 的对象并释放其在文档中的物理空间(页面物理尺寸大小空间)。
分享到:
评论

相关推荐

    什么是块元素block和内联元素inline

    什么是块元素block和内联元素inline,什么是块元素block和内联元素inline。。。

    css块状元素与内联元素以及inline-block

    * 它可以容纳内联元素和其他块元素 常见的块状元素有: * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级元素,也是 CSS 布局的主要标签 * dl - 定义列表 * ...

    浅析css html span 块状不换行问题

    span标记的样式设定width属性,会发现不会产生效果。 如果设置display:block... inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 non:隐藏对象。与 visibili

    如何给span标记的样式设置width属性

    直接给span标记的样式设定width属性,会发现不会产生效果。 如果设置display:block... 3)inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 4)non:隐藏对象

    控制span的width属性及display属性值的选择

    一般来span标记的样式设定width属性,会发现不会产生效果。... inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 none:隐藏对象。与 visibi

    C++ 面向对象教程 21 courses#

    2.6 什么是对象 34 2.7 抽象数据类型 35 2.8 对象细节 35 2.9 头文件形式 36 2.10 嵌套结构 37 2.11 小结 41 2.12 练习 41 第3章 隐藏实现 42 3.1 设置限制 42 3.2 C++的存取控制 42 3.3 友元 44 3.3.1 嵌套友元 45 ...

    CSS属性display:inline-block用法深入理解

    在使用CSS实现表现的时候,会经常接触到display:inline-block这一属性,它可以将对象呈递为内联对象,但是对象的内容作为块对象呈递,旁边的内联对象会被呈递在同一行内,允许空格。本文向大家描述一下CSS属性...

    JavaScript详解(第2版)

     9.1 什么是核心对象   9.2 数组对象   9.2.1 数组的声明及填充   9.2.2 Array对象属性   9.2.3 关联数组   9.2.4 嵌套数组   9.3 数组方法   9.4 Date对象   9.4.1 Date对象方法的使用 ...

    css几种解决inline-block间隙的方案(整理)

    inline-blcok可以将对象呈递为内联对象,而内容作为块对象呈递。 通俗点讲就是“可定宽高的堆在一起”显示 为什么会有间隙 inline-blcok块之间的不可见符号会被保留父层字体的1/3大小的空间 解决方案 知道了原因,...

    Span元素的width属性无效果原因及解决方案

    * inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 * none:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。 在内联...

    C++语言程序设计:第5讲 数据的共享与保护.ppt

    动态生存期是指块作用域中声明的,没有用static修饰的对象的生存期。开始于程序执行到声明点时,结束于命名该标识符的作用域结束处。 5.3 类的静态成员 类的静态成员是指属于类的成员,而不是属于类的对象的成员。...

    关于css display: inline block inline-block的区别分析

    display:inline-block 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。 支持的浏览器有:Opera、Safari。 但很遗憾,最...

    Java-常见面试题.pdf

    1. 创建第一个子类对象时:父类静态块-&gt;被调子类静态块-&gt;父类动态块-&gt;父类无参构造器-&gt;被调子类动态块-&gt;被调子类无参构造器 2. 创建第一个另一个子类对象时:被调子类静态块-&gt;父类动态块-&gt;父类无参构造器-&gt;被调子类...

    kotlin Standard中的内联函数示例详解

    let、with、run、apply、also、takeIf、takeUnless、repeat函数的使用 kotlin Standard.kt文件中...默认当前这个对象作为闭包的it参数,函数接受一个lambda函数块返回值是函数里面最后一行,或者指定return let函数的

    display:inline-block的原理分析

    将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。 支持的浏览器有:Opera、Safari。 但很遗憾,最流行的 IE 和 Firefox ...

    深入display:inline-block

    将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。 支持的浏览器有:Opera、Safari。 但很遗憾,最流行的 IE 和 Firefox ...

    C++高级参考手册 完全自学 内容详细 讲解通俗易懂

    2.6 什么是对象 2.7 抽象数据类型 2.8 对象细节 2.9 头文件形式 2.10 嵌套结构 2.11 小结 2.12 练习 第3章 隐藏实现 3.1 设置限制 3.2 C++的存取控制 3.3 友元 3.3.1 嵌套友元 3.3.2 它是纯的吗 3.4 ...

    非常经典的c++ primer视频教程6-10

    2.3.1 什么是变量 2.3.2 变量名 2.3.3 定义对象 2.3.4 变量初始化规则 2.3.5 声明和定义 2.3.6 名字的作用域 2.3.7 在变量使用处定义变量 2.4 const限定符 2.5 引用 2.6 typedef名字 2.7 枚举 2.8 类类型...

    零起点学通C++多媒体范例教学代码

    12.1 什么是继承和派生 12.1.1 复杂的继承和派生 12.1.2 继承和派生如何在C++中实现 12.1.3 继承的种类及语法 12.1.4 单一继承 12.2 公有型、保护型和私有型 12.3 访问权限 12.4 多重继承 12.5 继承的构造与析构 ...

    thymeleaf_3.0.5_中文参考手册.pdf

    Thymeleaf 提供了标准表达式语法,包括消息、变量、工具表达式对象、重新格式化首页面的日期、选择表达式(星号语法)、URL 链接、代码块、字面量、追加文本、文本替换、算术运算符、比较和等值运算符、条件表达式、...

Global site tag (gtag.js) - Google Analytics