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对象