我需要一個答案：引導3這是爲了工作申請？

-6

爲了找到工作，招聘人員要求我解決這個問題才能找到工作！在這裏，問題的HTML：我需要一個答案：引導3這是爲了工作申請？

<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>

在這裏，問題的CSS：

#header, 
     #footer{ 
      width: 100%; 
      height: 50px; 
      background: red; 
      text-align: center; 
     } 

     body img{ 
      float:left; 
     } 
     body img:nth-child(2n){ 
      float: right; 
     }`

使用引導3.7.0。

我只能使用一個類！

看到這裏的問題： The jsFiddle of the problem

來源

2016-08-30 ls.94

如果這是一個面試你應該研究你的答案你而不是外包它。你還沒有真正說明問題是什麼 –

這是什麼問題？ –

不要苛刻，但如果你喜歡這樣，你不配得到這份工作。如果他們帶你進來並給了你一個你不認識的任務，會發生什麼？你會再次發佈，你不能這樣做？ –

我發現結果我自己剛爲了好玩，這裏的解決方案：

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; 
}

來源

2016-09-16 10:06:04

這裏有一個jsfiddle。你只想通過添加一個類來讓它發生。在第二張圖片中添加類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>

來源

2016-08-30 09:29:38

感謝您的幫助，我真的很感激，但我已經這樣做，我不知道這是正確的答案，我只有一個有機會提交我的答案，我真的需要這份工作！ –

這是否解決了您的問題？ –

謝謝你的幫助，我真的很感激，但我已經這樣做了，我不知道這是正確的答案，因爲emojey已經完成，但它向左滑動就像我在前面的評論中提到的，我只有一次機會提交我的回答，我真的需要這份工作！ –

變化在IMG標籤類：

<img class="pull-left" src="http://uteek.net/test/1.jpg"> 
<img class="pull-left" src="http://uteek.net/test/2.jpg">

如果這是需要或者你可以改變底部img標籤

來源

2016-08-30 09:33:09

感謝您的幫助，我真的很感激，但我已經這樣做了，我不知道這個答案是否正確，因爲emojey已經完成，但它向左滑動就像我在前面的評論中提到的，我只有一次機會提交我的答案，我真的需要這份工作！ –

我需要一個答案：引導3這是爲了工作申請？

回答

相關問題