display属性的block,inline和inline-block

none 此元素不会被显示。

block 此元素将显示为块级元素，此元素前后会带有换行符。

inline 默认。此元素会被显示为内联元素，元素前后没有换行符。

inline-block 行内块元素。（CSS2.1 新增的值）

在css中，inline-block：将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。

旁边的内联对象会被呈递在同一行内，允许空格。但是这个属性目前不是所有的浏览器都支持，只有Opera和Safari支持，FireFox3和IE8据说将会支持，Firefox2和IE使用特殊办法可以实现这种效果

时间： 2024-11-05 16:16:34

display属性的block,inline和inline-block的相关文章

jquery控制display属性为none或block

这篇文章主要介绍了jquery控制display属性为none或block,需要的朋友可以参考下代码如下: //隐藏 $("#id").css('display','none'); //显示 $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯

css 操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式.一些由标签组成的大部分页面可以设定任何样式.浏览器默认的样式里的大部分html元素由字体样式.margin,padding组成,本质上是显示类型. display属性基本上分为inline,block,和none. inline就像它的本意--显示为inline的元素为行.strong,anchor锚和em强调元素默认是行. block元素前后换行.标题和段落元素是块元素. none,意思不显示元素,在可用性上可以实现漂亮的

十三 The Display Property,display属性

操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式.一些由标签组成的大部分页面可以设定任何样式.浏览器默认的样式里的大部分html元素由字体样式.margin,padding组成,本质上是显示类型. display属性基本上分为inline,block,和none. inline就像它的本意--显示为inline的元素为行.strong,anchor锚和em强调元素默认是行. block元素前后换行.标题和段落元素是块元素. none,意思不显示元素,在可用性上可以实现漂亮的效果,交

js将控件隐藏及display属性的使用介绍

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的"display"和"visibility"属性,下面详细为大家介绍下具体的使用用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的"display"和"visibility"属性.当style.display="block"或style.visibility="visible"时控件

js将控件隐藏及display属性的使用介绍_javascript技巧

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的"display"和"visibility"属性.当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见.不同的是"display"

关于javascript修改二级菜单display属性的问题

问题描述关于javascript修改二级菜单display属性的问题网页的主体是菜单,二级菜单是隐藏的,以下为一个"书籍"菜单的代码.其中二级菜单的高的数值比一级菜单的要大,所以限制了一级菜单的高度,也声明了二级菜单的高度,计算后的二级菜单的高度也是声明了的二级菜单的高度,但是js控制二级菜单的时候,鼠标指针在二级菜单的停留的高度是一级菜单的高度. 代码如下: <div id="book"> <div id="menu1"

jquery控制display属性为none或block_jquery

复制代码代码如下: //隐藏 $("#id").css('display','none'); //显示 $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none'; $("#id")返回的是JQuery 它是个集合肯定有display属性 $("#id").show()表示display:block, $("#id&

Block高级用法：Block传值UI_12(3)

1.简单复习Block的定义.赋值.调用做学习传值铺垫: //声明一个函数无返无参void printfHello(int a);//函数的实现void printfHello(int a){ printf("hello wold\n"); }//函数指针的类型//void (*)(int);//定义一个函数指针变量 void (*p)(int) = printfHello; //block是块语法,实质就是匿名函数 //定义一个block变量,block的定义和函数的定义很

css display属性值求解

问题描述 css display属性值求解 display属性值求解 run-in:根据上下文决定对象是内联对象还是块级对象.(CSS3) box:将对象作为弹性伸缩盒显示.(伸缩盒最老版本)(CSS3) inline-box:将对象作为内联块级弹性伸缩盒显示.(伸缩盒最老版本)(CSS3) flexbox:将对象作为弹性伸缩盒显示.(伸缩盒过渡版本)(CSS3) inline-flexbox:将对象作为内联块级弹性伸缩盒显示.(伸缩盒过渡版本)(CSS3) flex:将对象作为弹性伸缩盒显示.

css中visibility与display属性区别比较

浏览器支持所有主流浏览器都支持 visibility 属性. 注释:任何的版本的 internet explorer (包括 ie8)都不支持 "inherit" 和 "collaps教程e" 属性值. 所有主流浏览器都支持 display 属性. 注释:任何版本的 internet explorer (包括 ie8)都不支持 "inherit"."inline-table"."run-in"."