2012-02-09 14 views
0

PHPのforeachループでdivの数を無制限にする必要があります。 divとdivのコンテンツを作成するコードがすでにあります。私が今知る必要があるのは、互いに隣り合わせに配置する方法だけです。私はフロートがキーワードだと思いますか?私は現時点で正しいアイデアを見逃しています。各部門のコンテンツはulリストです:N divを互いに隣り合わせに配置するにはどうすればいいですか?

<div> 
    <ul> 
     <li>...</li> 
     <li>...</li> 
    </ul> 
</div> 

ありがとうございました! display: inline-block; float: left

答えて

0

私の意見では最良の方法は、divタグにこのCSSルールを与えるCSSや "インライン"

<style> 
ul#display-inline-block-example, 
ul#display-inline-block-example li {   
/* Setting a common base */   
margin: 0; 
padding: 0;  } 

ul#display-inline-block-example li { 
    display: inline-block; 
    width: 100px; 
    min-height: 100px; 
    background: #ccc; 
} 
</style> 

<ul id="display-inline-block-example"> 
<li>Item one</li> 
<li>Item two</li> 
<li>Item three</li> 

http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

1

を使用することです。それらはテキスト文字のように並べて配置されます。

関連する問題