登陆页面问题
[英]problems with landing page
问题描述
我附加了我希望它看起来像的图像，但是徽标的图像彼此并排存在麻烦。
html { background: #8CEEF9; background: -webkit-linear-gradient(#8CEEF9, #FFFFFF); background: -o-linear-gradient(#8CEEF9, #FFFFFF); background: -moz-linear-gradient(#8CEEF9, #FFFFFF); background: linear-gradient(#8CEEF9, #FFFFFF); } .logos { display: inline-block; max-width:45%; margin:2%; float:left; text-align: center; }
<html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link href="main.css" type="text/css" rel="stylesheet"> </head> <body> <div class="logos"> <img class="img-responsive 50" src="logos/main-logo.png"> <img class="img-responsive 50" src="logos/logos.png"> </div> <div class="seperator"></div> <div class="logos"> </div> <div class="cs"> <h1>Coming Soon</h1> </div> </body> </html>
1 个解决方案
解决方案1
0 2016-04-08 22:23:02
您需要在徽标类中display:inline-block;图像display:inline-block; 并且不要浮动徽标类。
.logos img{
display: inline-block;
}
html { background: #8CEEF9; background: -webkit-linear-gradient(#8CEEF9, #FFFFFF); background: -o-linear-gradient(#8CEEF9, #FFFFFF); background: -moz-linear-gradient(#8CEEF9, #FFFFFF); background: linear-gradient(#8CEEF9, #FFFFFF); } .logos { max-width:45%; margin:2%; text-align: center; } .logos img{ display:inline-block; }
<html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link href="main.css" type="text/css" rel="stylesheet"> </head> <body> <div class="logos"> <img class="img-responsive 50" src="logos/main-logo.png"> <img class="img-responsive 50" src="logos/logos.png"> </div> <div class="seperator"></div> <div class="logos"> </div> <div class="cs"> <h1>Coming Soon</h1> </div> </body> </html>
产品着陆页测试套件问题：视频和粘性导航栏元素免费代码营
[英]Product Landing Page test suite problems: video and sticky navbar elements Free Code Camp
着陆页项目失败。 很多问题和错误。 有人可以解决并向我解释吗？
[英]Landing page project failed. A lots of problems and mistakes. Can someone solve and also explain to me?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.