导读：本文章来给各位同学介绍一下关于css display:inline 防止html元素变成块元素，希望此方法对各位同学会有所帮助哦。css中，display:none; 的作用是让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;。
