Jquery 我需要一个答案,请:引导3这是一个工作申请?
为了得到一份工作,招聘人员要求我解决这个问题,以便得到这份工作! 下面是问题的html:Jquery 我需要一个答案,请:引导3这是一个工作申请?,jquery,html,css,twitter-bootstrap-3,clearfix,Jquery,Html,Css,Twitter Bootstrap 3,Clearfix,为了得到一份工作,招聘人员要求我解决这个问题,以便得到这份工作! 下面是问题的html: <div id="header" class="col-md-12">header</div> <div id="content" class="col-md-12 clearfix"> <img src="1.jpg" class="changeme"> <img src="2.jpg" class="cha
<div id="header" class="col-md-12">header</div>
<div id="content" class="col-md-12 clearfix">
<img src="1.jpg" class="changeme">
<img src="2.jpg" class="changeme">
</div>
<div id="footer" class="col-md-12">footer</div>
使用bootstrap 3.7.0
我必须只使用一个类
请参见此处的问题:
给你一个。
您只希望通过添加一个类来实现这一点。在第二幅图中,添加类pull left
,这是固定的
<div id="header" class="col-md-12">Header</div>
<div id="content" class="col-md-12 clearfix">
<img class="changeme " src="http://uteek.net/test/1.jpg">
<img class="changeme pull-left" src="http://uteek.net/test/2.jpg">
</div>
<div id="footer" class="col-md-12">Footer</div>
标题
页脚
将img标签中的类别更改为:
<img class="pull-left" src="http://uteek.net/test/1.jpg">
<img class="pull-left" src="http://uteek.net/test/2.jpg">
如果这是它需要的
或者你可以只更改底部的img标签我自己找到结果只是为了好玩,下面是解决方案:
body img {
float: left;
}
body img:nth-child(2n) {
float: right;
}
#content{display:flex;text-align:center;width:100%}
.changeme1{
margin-left:auto;float:none;
}
.changeme2{
margin-right:auto;float:none;
}
如果这是求职面试,你可能应该自己研究答案,而不是外包。你还没有说问题的实质是什么,不要太苛刻,但是,如果你是那样的话,你就不应该得到这份工作。如果他们收留你,给你一个你不知道的任务,会发生什么?你会再次发帖说你做不到吗?如果你自己做得不对,那就太糟糕了?如果你在被录用时遇到同样的问题,你会来要求我们再次为你解决吗?一条建议如果你陷入困境,自己做,向这里寻求帮助。。。他们让你做什么?无论如何,这不是一个“为我写代码”的服务网站,所以我怀疑是否有人会回答。该公司只需在linkedIn上发布“我们需要一名前端开发人员,使用类***:;”解决这个谜“谢谢你的帮助,我真的很感激,但我已经这样做了,我不知道这是否是正确的答案,我只有一次机会提交我的答案,我真的需要这份工作!这解决了你的问题吗?谢谢你的帮助,我真的很感激,但我已经这么做了,我不知道这是否是正确的答案,因为表情已经完成,但它滑到左边,就像我在前面的评论中提到的,我只有一次机会提交我的答案,我真的需要这份工作!你认为我必须通过在第二个img中添加左拉来发布我的答案吗?非常感谢,我想我会发布这个答案,我真的非常感谢你的帮助^^谢谢你的帮助,我真的很感激,但我已经这么做了,我不知道这是否是正确的答案,因为emojey已经完成,但它滑到左边,就像我在前面的评论中提到的,我只有一次机会提交我的答案,我真的需要这份工作!
body img {
float: left;
}
body img:nth-child(2n) {
float: right;
}
#content{display:flex;text-align:center;width:100%}
.changeme1{
margin-left:auto;float:none;
}
.changeme2{
margin-right:auto;float:none;
}