首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE7不懂显示:内联块

IE7 不懂显示: 内联块

内联块是 HTML 的一个语法糖,用于将 CSS 样式应用于单个 HTML 元素。在 IE7 之前的版本中,内联块需要使用 <span> 标签来创建。在 IE7 中,内联块可以使用 display: inline 来实现,这样就可以省略 <span> 标签。

IE7 不支持显示: 内联块,因此如果使用内联块语法,会导致 HTML 代码中出现错误。为了解决这个问题,你可以使用 IE7 的回退属性 display: inline-block,它可以让你在 IE7 中使用内联块语法,同时确保代码的正确性。

另外,你还可以使用一些 CSS 的 hack,比如使用 *display: inline 来让所有浏览器都支持内联块,这里就不具体展开了。总之,在 IE7 中使用内联块需要注意一些细节,使用不当会导致代码出现错误,使用回退属性可以避免这些问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

CSS 元素、内联元素、内联元素

仅供学习,转载请注明出处 元素、内联元素、内联元素 元素就是标签,布局中常用的有三种标签,元素、内联元素、内联元素,了解这三种元素的特性,才能熟练的进行页面布局。...解决内联元素间隙的方法 1、去掉内联元素之间的换行 2、将内联元素的父级设置font-size为0,内联元素自身再设置font-size 内联元素 内联元素,也叫行内元素,是新增的元素类型,现有元素没有归于此类别的...这三种元素,可以通过display属性来相互转化,不过实际开发中,元素用得比较多,所以我们经常把内联元素转化为元素,少量转化为内联,而要使用内联元素时,直接使用内联元素,而不用元素转化了。...display属性 display属性是用来设置元素的类型及隐藏的,常用的属性有: 1、none 元素隐藏且不占位置 2、block 元素以元素显示 3、inline 元素以内联元素显示 4、...inline-block 元素以内联元素显示 练习 请制作图中所示的菜单: ?

3.5K20

元素, 内联元素, 内联元素元素(默认为父级宽度的100%,支持全部样式):内联元素(不支持宽高, 不支持margin上下, 不支持padding上下)内联元素(从其它元素转换而来, disp

元素(默认为父级宽度的100%,支持全部样式): body h1 , h2, h3, h4, h5, h6 p div li (条目) ul(定义无序列表, 子标签li, 带点号) ol(定义有序列表...dl> Python python是一门高级的动态语言 C C是一门古老的静态语言 内联元素...非常重要, 加粗) input(输入框, 支持全部样式) img(图片, 支持全部样式) 间隙问题: 父级设置字体为0, 子级单独设置字体尺寸 居中问题: 使用text-align: center 内联元素...) 没有原生的内联元素 任何元素都可以转换为内联元素 display: inline-block(内联元素) inline(内联元素) block(元素) none(隐藏)

1.2K60

HTML中的内联元素与级元素

级元素总是在新行上开始并占据一整行,宽度和高度以及外边距和内边距都可以控制,宽度始终与浏览器宽度一样,与内容无关。级元素可以容纳内联元素和其他元素。...内联元素与级元素的转换 元素(block element)和内联元素(inline element)都是html规范中的概念。在加入了CSS控制以后,可以改变元素和内联元素之间的差异。...比如,我们可以把内联元素在style属性中加上display:block,使内联元素具有元素的特点,也可以在元素中加上display:inline,使它具有内联元素的特点。...CSS中还有一个dipslay:inline-block,显示内联元素,表现为同行显示并可修改宽高内外边距等属性。...可变元素是基于以上两者随环境而变化的,它需要根据上下文关系确定该元素是元素或者内联元素。可变元素隶属于上述两种元素,一旦根据上下文确定了它的类别,它就要遵循元素或者内联元素的规则。 4.

2.7K30

HTML+CSS高级

;      1、特征:                1.1     级元素在一行显示     (得到内联元素的属性)           1.2     内联元素支持宽高     (得到的属性)...    浮动特征:具有且不仅仅有 内联 inline-block 的特征                1.1.1     级元素在一行显示                1.1.2     内联元素支持宽高...: inline-block;      1、特征:                1.1     级元素在一行显示     (得到内联元素的属性)           1.2     内联元素支持宽高...(得到内联元素的属性)           1.5     ie6 ie7 不支持级元素的 inline-block(问题) 二、浮动      1、float: [ left | right |...inherit ];           1.1     浮动特征:     具有且不仅仅有 内联 inline-block 的特征                1.1.1     级元素在一行显示

5.8K61

【CSS】标签显示模式 ① ( 标签显示模式 | 级元素 )

文章目录 一、标签显示模式 ( 级元素 | 行内元素 ) 二、级元素 1、级元素简介 2、级元素特点 3、文字块级元素 4、代码示例 一、标签显示模式 ( 级元素 | 行内元素 ) ---...- 标签显示模式 : 指的是 标签显示的方式 , 标签类型有很多 , 不同的情景使用不同类型的标签 ; 级元素 : div 标签 独占一行显示 , 对应 标签 ; 行内元素 : span 标签可以...在一行放置多个进行显示 , 对应 行内标签 ; 二、级元素 ---- 1、级元素简介 级元素 可以 独占一行显示 , 常见的 级元素 标签 : 标题标签 : , , … ,... ; 段落标签 : ; 标签 : ; 列表标签 : , , ; 上述标签都会 独占一行显示 ; 2、级元素特点 级元素 特点 : 独占一行...; 段落标签 : 标签是特殊的 级元素 , 其中不能包含 标签 , 只能放文字内容 ; 如果在 p 标签内放置 级元素 , 会显示错误效果 ; 标题标签 : 标题标签中只能放置文字

1.8K30

CSS基础:block,inline和inline-block

级元素及时设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。 2. inline类型(内联) 这种盒模型的组件不会占据一行,不可以调整宽度、高度。...应用场合 很多时候我们必须让一些元素并排显示,一般会想到浮动,但是元素浮动设边距的时候在IE下会出现加倍的BUG,所以很多时候不得不把这个元素套在一个内联元素里,然后给这个内敛元素浮动和边距。...通过设置:display:inline-block,就将对象呈递为内联对象,但对象的内容作为对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。...兼容性问题:IE6、IE7不支持inline-block,所以在IE中对内联元素使用display:inline-block理论上IE是不识别的,但会在IE下触发layout,从而使内联元素拥有了display...解决IE6、IE7兼容性的方法: 首先设置inline-block触发元素,具有了layout的特性,然后设置display:inline使元素呈现内联元素,此时layout的特性不会消失。

6.1K1061

【CSS】标签显示模式 ③ ( 标签显示模式转换 | 行内元素转换为级元素 | 级元素转换为行内元素 | 级元素、行内元素转换为行内元素 )

文章目录 一、标签显示模式转换 1、行内元素转换为级元素 2、级元素转换为行内元素 3、级元素、行内元素转换为行内元素 一、标签显示模式转换 ---- 1、行内元素转换为级元素 在 CSS...样式中设置属性值 display: block; , 可以将 行内元素 转换为 级元素 ; span { /* 行内元素 转换为 级元素 */ display:...在 CSS 样式中设置属性值 display: block; , 可以将 行内元素 转换为 级元素 ; span { /* 行内元素 转换为 级元素 */ display...CSS 样式属性 : 3、级元素、行内元素转换为行内元素 在 CSS 样式中设置属性值 display: inline-block; , 可以将 级元素 或 行内元素 转换为 行内元素 ;... div { /* 级元素 或 行内元素 转换为 行内元素 */ display: inline-block; } 代码示例 : <!

1.5K10

【CSS】通过定位修改 display 显示模式 ( Display 显示模式转换 | inline-block 改元素为行内元素示例 | 为元素设置浮动 | 为元素设置定位 )

一、Display 显示模式转换 ---- display 显示模式 , 可以分为 行内显示模式 ; 显示模式 ; 行内显示模式 ; 将 元素 的显示模式修改为 行内显示模式 的方法 : 使用...inline-block 可以改变显示模式 , 将 元素的显示模式 改为 行内 显示模式 ; 使用 浮动 , 也可以 将 内元素 改为 类似于行内显示模式 , 浮动是脱标的 , 不占用标准流元素的位置...; 绝对定位 和 固定定位 都可以到达 将 元素转为 行内显示模式 的效果 ; 行内盒子 , 一旦使用了 浮动 / 绝对定位 / 固定定位 就可以将该盒子看做 行内元素 盒子 , 为该盒子设置宽高等属性... 显示效果 : 三、inline-block 改元素为行内元素示例 ---- 将级元素 转为 行内元素 , 行内元素 如果不设置宽度 , 默认宽度与元素内容宽度一致... 显示效果 : 五、为元素设置定位 ---- 将级元素 设置为 绝对定位元素 , 也能达到与行内元素相同的效果 ; 代码示例 : <!

1.1K30

HTML嵌套规则

特点:和其他元素都在一行上,高、行高及顶和底边距不可改变,宽度就是它的文字或图片的宽度,不可改变 功能:用于加强内容显示,控制细节,例如:加粗、斜体等等 嵌套也有规则,不能随意的嵌套。...还有很多是独立的标签,我们如何来使用它编写更优秀的页面,下面就说说 级元素与级元素平级、内嵌元素与内嵌元素平级 //span是行内元素...,p是级元素,所以这个是错误的嵌套 //对的 元素可以包含内联元素或某些元素,但内联元素不能包含元素,它只能包含其它的内联元素... 有几个特殊的级元素只能包含内嵌元素,不能再包含级元素 h1、h2、h3、h4、h5、h6、p...等元素所有浏览器可以解析正常 在元素内嵌入元素会导致所有浏览器的解析错误(a也不可嵌套button,input等交互元素) 在列表元素等插入非列表兄弟元素会导致IE6\IE7

1.7K30

【CSS】标签显示模式 ② ( 行内元素 | 行内元素 )

文章目录 一、行内元素 1、行内元素简介 2、行内元素特点 3、代码示例 二、行内元素 1、行内元素简介 2、行内元素特点 3、代码示例 一、行内元素 ---- 1、行内元素简介 行内元素...> 行内标签 : 文字相关标签 : , , , , 2、行内元素特点 行内元素特点 : 单行多个 : 在 一行 中 , 可以 设置显示多个...行内元素 标签 是 特殊的标签 , 可以在 一行内显示多个 , 但是同时也可以为其设置 宽高属性 和 对齐属性 ; 图片标签 : 表单标签 : 单元格标签 : ..., 表格 table 中的 行 tr 标签 中的 单元格 标签 ; 2、行内元素特点 行内元素特点 : 显示样式 : 行内元素 默认 都在一行中显示 , 每个元素之间会自动添加间隔 ;...: 没有设置图片宽度时的样式 : 显示的是图片原本的宽高 ; 设置了图片宽度的样式 : 显示的 图片宽度 是 设置的 200 像素宽度 ;

1.5K10

Markdown 如何在内联代码或者代码中使用代码开始符号反引号(`)

无论是内联的代码还是单独的代码,都需要使用它,只是个数的差别,比如 ` 和 ```。 那么如何能够在代码片中输入反引号(backtick)呢? ---- 方法是:用两个反引号来包裹。...内联代码中包含反引号 例如,你想输入这段代码中包含`符号,那么你应该这么输入: 1 ``这段代码中包含`符号`` 内联代码中只有反引号 例如,你希望输入`,那么你应该这么输入: 1 `` ` ``...注意,这里有 5 个 ` 符号,其中前后各两个 `` 是代码的开始和结束符,中间的 ` 则是代码中的 ` 符号,代码和内容之间必须有空格。...内联代码中只有反引号且有多个 如果你读到上面一节,你可能好奇为什么我能打出两个 `` 符号来,是因为我输入了: 1 ``` `` ``` 注意,这里有 8 个 ` 符号,其中前后各两个 ``` 是代码的开始和结束符...内联代码中首尾包含反引号 有时候你希望示意 Markdown 的代码的用法,你需要告诉别人使用 `` 这样的写法。

33930

清除浮动的几种方法

clear:both + 多余的标签 `` 将以上div放在浮动元素父级的内部 ``` css .clear1 { display:block; /* 对内联元素使用...clear无效 */ clear:both; /* 以下属性估计是为了避免标签中有文本或图片内容显示出来而造成影响 */ line-height:0; font-size:0; height:0; overflow...####什么是BFC BFC(Block Formatting Context)直译为“级格式化范围”,是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用...当然,使用 scroll 的话滚动条是会一直显示的。 2....在Explorer Mac中,设置 auto 会始终显示滚动条。(不懂mac 没测过) 4. 对于IE6,设置 overflow 并不能触发 hasLayout, (IE7可以!)

71220

第2天:HTML常用标签

行内元素: 1、内容撑开宽高 2、不支持宽高 3、一行可以显示同类多个标签 4、不支持上下的margin 5、代码换行被解析 元素: 1、默认独占一行 2、没有宽度时,撑满一行 3、支持所有class...命令 inline-block 1、在一行显示 2、内联支持宽高 3、默认内容撑开宽高 4、标签之间的换行会被解析(问题) 5、IE6、IE7不支持属性标签的inline-block(问题) 级元素...标签、hr、menu、ol、p、pre(格式化文本)、table、ul 行内元素(inline element): 行内元素只能容纳文本或其他内联元素,元素样式display : inline的都是行内元素...常见内联元素有: a、abbr、b、acronym(首字)、b(粗体)、big(大字体)、br、cite、code(计算机代码)、dfn、em、font、i、img、input、kbd(定义键盘文本)、...DOCTYPE html> 页码显示效果 #div1

1.1K10

CSS深入理解学习笔记之line-height

内联盒子(inline boxes),不会让内容成块显示,而是排成一行。如果外部含inline水平标签,则属于内联盒子;如果是个光秃秃的文字,则属于”匿名内联盒子“; ?   ...③行框盒子(line boxes),每一行就是一个行框盒子,每一个行框盒子又是由一个个内联盒子组成。 ?   ④包含盒子(containing box),由一行行行框盒子组成。 ?...3、line-height与内联元素的高度机理   关于内容区域高度:①内容区域高度只与字体以及字号有关,与line-height没有任何关系;②在simsun字体下,内容区域高度等于文字大小值。   ...总结:行高决定内联盒子高度;行间距墙头草,可大可小可负值,保证高度正好等同于行高。...(2)代替height,避免IE6/IE7下的haslayout   在IE6/IE7下,block元素设置height会破坏block规则,而line-height不会。 ?

1.3K90
领券