css中display怎么做显示或隐藏

作者&投稿:闳科 (若有异议请与网页底部的电邮联系)
~

display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。

display:block可以显示一个块元素,或者display:inline是显示一个内联元素。

display主要用的CSS样式有以下三个:

display:block——显示为块级元素。

display:inline——显示为内联元素。

display:inline-block——显示为内联块元素,表现为同行显示并可修改宽高内外边距等属性。

扩展资料:

显示的块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;

显示的内联元素(inline)特性:和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变,就是里面文字或图片的大小;

块级元素主要有:address,blockquote,center,dir,div,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,isindex,menu,noframes,noscript,ol,p,pre,table,ul,li等css属性。

内联元素主要有:a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,font,i,img,input,kbd,label,q,s,samp,select,small,span,strike,strong,sub,sup,textarea,tt,u,var等css属性。




平昌县19317548864: 使用css的display控制div显示和隐藏怎么写 -
芷廖按摩: 只需设置display:none;即可将该元素设为隐藏的.默认的是显示的,即不设置display即默认显示. isplay 属性规定元素应该生成的框的类型,定义建立布局时元素生成的显示框类型. display的值可以取如下的值: none 此元素不会被显示. block 此元素将显示为块级元素,此元素前后会带有换行符. inline 默认.此元素会被显示为内联元素,元素前后没有换行符. inline-block 行内块元素.(CSS2.1 新增的值)

平昌县19317548864: css中,display的作用是什么? -
芷廖按摩: display 属性设置是否及如何显示元素. display 显示状态 display:none 隐藏 display:block 块显示 display:inline 内嵌 display:table 表格显示 display:list-item 项目列表 这个属性用于定义建立布局时元素生成的显示框类型.对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构.对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的.

平昌县19317548864: css中的display是什么意思啊 -
芷廖按摩: display 属性设置是否及如何显示元素. 这里写的很详细:http://www.w3school.com.cn/css/pr_class_display.asp

平昌县19317548864: css属性中display的主要用法 麻烦详细解释 不要复制粘贴 一般的我也能查到 最好有例子说明 -
芷廖按摩: display 字面上其实就能知道它的很多意思啦,就是显示然后对于它最常用的3个属性就是一个block(块状)和inline(内联)以及none(隐藏)然后还有个table 这个用到稍微少点因为它的兼容性对于IE来说太致命了,不过也还是有用的,比如...

平昌县19317548864: 如何理解CSS的display属性 -
芷廖按摩: display属性是我们在前端开发中常常使用的一个属性,其中,最常见的有:none block inline inline-block inherit 下面,我将按照顺序将上述几种属性做一个完整的讲解.第一部分:display:none none这个值表示此元素将不被显示.比如,当我们...

平昌县19317548864: CSS里display:block有没有什么区别 -
芷廖按摩: 您好! display:block是可以把非块级元素强制转换为块级元素显示,如内嵌元素span,原来不支持设置宽高,宽度是由内容撑开的,几个span元素是在同一行内的,如果给span设置如下样式:span:display:block;那么span元素就会表现的和...

平昌县19317548864: CSS中定义了display:none,js怎么把它显示出来,不仅是Block
芷廖按摩: 如果是通过样式文件或<style>css</style>方式来设置元素的display:none样式,用js设置style.display=""并不能使元素显示,可以使用block或inline等值来代替.通过style="display:none"直接在元素上进行的设置不会有这个问题

平昌县19317548864: css中一般什么时候用display属性 举几个例子 谢谢 -
芷廖按摩: 做很多网页特效的时候会用到,比如说设置一个div 将其隐藏在网页当中,当用户发生某种行为时,例如说鼠标移动到某个地方,将其显示出来,这个时候就用到了这个元素了

平昌县19317548864: CSS的display属性设置都怎么用?要经验之谈的用法
芷廖按摩: 个人列出dispaly 最常用到的4种属性.其他的貌似我也没用过、自己去调试一下应该很好理解的.不懂的可查看CSS2.0手册. block、把元素设为块状 inline、把元素设为内联 none、设置为隐藏inline-block 把元素设为行内块元素

平昌县19317548864: 可以用css方法做一下吗display的我先隐藏了不知道怎么显示了直接用block出不来 -
芷廖按摩: 这是一个下拉菜单的例子,里面有隐藏和显示,显示用的是hover属性,这个属性就是鼠标移动到该标签执行里面的代码 html代码-----------------------------------------------<h2>下拉菜单</h2><p>鼠标移动到按钮上显示下拉菜单</p><div class="...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网