为什么"我的"文字没有像视频中那样被挤到下一行

来源：2-2 footer响应式效果

慕粉6557610

2018-01-07 17:17:15

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>移动端响应式小项目</title>

<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="app">
<div class="body"></div>
<div class="footer">
<div class="footericon">
<a class="icon_a">
<i class="fa fa-camera-retro fa-lg"></i>
</a>
我的
</div>
<div class="footericon"></div>
<div class="footericon"></div>
<div class="footericon"></div>
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>

*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
.footer{
	position:fixed;
	bottom: 0;
	height: 54px;
	width: 100%;
	display: flex;
	border-top: 1px solid #ccc;
	text-align: center;
	font-size:12px;
}
.footericon{
	flex:1;
}
.icon-a{
	display: block;
	margin: 8px 0;
}

写回答

1回答

慕粉6557610

提问者

2018-01-07

.icon_a写错了，检查出来了，麻烦老师了

0 学习 · 5012 问题

查看课程

相似问题

为什么只有文字变红，字体图标不变红？

回答 2

怎样解决在出现键盘时底部菜单栏被移到上面

回答 3

老师，这样为什么不能实现响应式啊？

回答 3

关于本节视频中js代码的几点疑问，请老师帮忙解答

回答 2

回答 3

打开慕课网App查看更多内容