私がやっているページに、中央に配置された3つの画像を表示する必要がある要素があります。(横)
ただし、画面の中央に正しく配置できません。それらは、スパン コンテナー上で右よりも左に表示されるか、左に整列して表示されます。
誰でも私を助けることができますか?
ここにHTMLがあります
<div class="row">
<div class="span12 logo-container">
<div class="span9 logo-wrapper">
<div class="logo">
<img src="img/siemens_log.png" />
</div>
<div class="logo">
<img src="img/merck_logo.png" />
</div>
<div class="logo archdaily">
<img src="img/archdaily_logo.png" />
</div>
</div>
</div>
</div>
そして、CSS
.logo-wrapper
{
float:none;
margin:0 auto;
}
.logo-container
{
float:none;
margin:0 auto;
}
.logo
{
float:left;
margin: 20px 20px 0 0;
text-align: center;
}
.archdaily
{
margin-top: 5px;
}
ありがとうございました!