底部栏问题

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

飞鸿酱

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

阅读量233

点赞数

CC 4.0 BY-SA版权

分类专栏： front-end-css 文章标签：底部栏

本文链接：https://blog.youkuaiyun.com/weixin_38465623/article/details/80357842

front-end-css 专栏收录该内容

7 篇文章

订阅专栏

/*底部栏*/
.footer{
	background-color: #1572DD;
	height: 150px;
	padding: 30px;

	   display: flex;  
   /*使子项目水平居中*/  
   justify-content: center;  
   /*使子项目垂直居中*/  
  align-items: center;  
}
.footer span {	color: #fff;
	font-size: 16px;
}

出现了这样的效果

两个一换就正常了

.footer span {	color: #fff;
	font-size: 16px;
}

.footer{
	background-color: #1572DD;
	height: 150px;
	padding: 30px;

	   display: flex;  
   /*使子项目水平居中*/  
   justify-content: center;  
   /*使子项目垂直居中*/  
  align-items: center;  
}

到底是为什么呢