教程集 www.jiaochengji.com
教程集 >  CSS教程  >  经典实例  >  正文 css display:inline 防止html元素变成块元素

css display:inline 防止html元素变成块元素

发布时间:2020-05-09   编辑:jiaochengji.com
教程集为您提供css display:inline 防止html元素变成块元素等资源,欢迎您收藏本站,我们将为您提供最新的css display:inline 防止html元素变成块元素资源
本文章来给各位同学介绍一下关于css display:inline 防止html元素变成块元素,希望此方法对各位同学会有所帮助哦。

 css中,display:none; 的作用是让html元素隐藏,反之让其显示,通常使用 display:block;。但 display:block; 的另一个作用是,让当前html元素变成块元素。

 像 <select>/<input>/<span> 等元素都属于占位元素,也就是说,这几个元素写在一起,但只占一行。而 <div>/<h1>/<h2>/ 等,都会独自占用一行。

 现在有这么一个需求:在使用 display:none; 使 <span></span> 隐藏后,要让其显示,但不能成为占位元素,这时可以使用 display:inline;。

您可能感兴趣的文章:
css display:inline 防止html元素变成块元素
block(块元素)、inline(内联元素)的差别是什么?
IE下块元素如何实现display:inline-block
css dispay:inline-block在不同浏览器用法分析
CSS下水平居中和垂直居中例子
css vertical-align在ie6,ie8不同用法分析
jQuery学习基础知识小结
css中负Margin你不知道的秘密
CSS浮动属性Float入门教程
jQuery学习笔记 更改jQuery对象

[关闭]
~ ~