如何有3段連續

確定這就是我..如何有3段連續

  <section id = "main"><!--main section --> 
      <h2> Latest Work... </h2> 
      <section class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </section> 
      <section class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </section> 
     </section><!-- end of main section -->

現在好了，我不明白我怎麼會在同一行上線這3個部分..我用盡顯示：inline-塊;等似乎沒有工作。我是否需要定位css文件或img中的部分部分？或兩者？幫幫我！大聲笑謝謝:)

好iv設法做到這一點與你的所有幫助..我現在將他們集中？

來源

2012-06-28 Abdhul Zaman

列表裏面包含圖像的部分......聽起來像是你的語義需要重新思考。 – Greg

正確的做法是什麼？將圖像添加到divs？ –

我把它們放在部分中的原因是因爲它們可能都不包括其中的圖像..我只是作爲一個例子來做這件事.. –

你可以嘗試這樣的事情改變寬度：

h2, .examples { 
    float:left; 
    margin: 10px;  
    display:block; 
}

你可以在這裏看到部分http://jsfiddle.net/Phenix/Mwtdb/

來源

2012-06-28 11:20:26

啊偉大..戈娜現在嘗試它 –

這項工程與madhairsilence的幫助很大..謝謝 –

如果您發現回答你的問題，請[接受一個答案]（http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work） –

你有一些無效的HTML我認爲，改變這種

<section id = "main"><!--main section --> 
      <h2> Latest Work... </h2> 
      <span class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </span> 
      <span class="examples"><a href="#"><img src="images/eg.jpg" alt="example"></a> </span> 
     </section><!-- end of main section -->

來源

2012-06-28 11:19:41 coolguy

使用部分是否錯誤？因爲圖像將顯示工作的例子，所以認爲它是3個不同的部分..不知道雖然.. –

在末尾添加：

<br style="clear:both"/>

來源

2012-06-28 11:19:56 madhairsilence

在你的CSS添加此。如需要

h2,.examples 
    { {float:left; 
    margin-left:10px}}

來源

2012-06-28 11:20:14 Exor

如何有3段連續

回答

相關問題