css把行内元素转成块级并且不再页面中占空间解决方案

最新推荐文章于 2024-06-06 11:52:29 发布

ROOOOOOM

最新推荐文章于 2024-06-06 11:52:29 发布

阅读量900

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB/network front end

本文链接：https://blog.youkuaiyun.com/qq_41228218/article/details/95717281

WEB/network front end 专栏收录该内容

40 篇文章

订阅专栏

博客聚焦于使用CSS将行内元素转换为块级元素，同时使其不在页面中占据空间的解决方案，为前端开发中元素布局问题提供思路，有助于优化页面布局效果。


.box{

			/*需求：由行内元素span转成块级元素 并且不再页面中占位置。未来与布局有很大关系 */

			/*隐藏元素 不占位置(但没转成块)*/
			/*display: none;*/
			display: block;
			/*隐藏元素 占位置把span转为块*/
			visibility: hidden;
                    /*并且不再页面中占位置*/   
			height: 0;

		}
 
	<span class="box">index</span>