把圖像在div的左邊，而無需使用保證金右

-2

我試圖把3 images在left side of the div，而無需使用margin-right：把圖像在div的左邊，而無需使用保證金右

enter image description here

我想的東西有：float: left的圖像，但它不起作用。

這是我的jsfiddle：myFiddle

HTML：

<center> 
<div id="container" style="width:700px;"> 

    <div id="header" style="background-color:rgb(249,204,157);"> 
     <font style="margin-bottom:0; text-align: center;font-size: 50px;">avb</font> 
     <img src="image.jpg" style="cursor: pointer; width: 76px; height: 60px; position: fixed; margin-right: 154px;"> 
     <img src="image.jpg" style="cursor: pointer; width: 66px; height: 59px; position: fixed; margin-right: 85px;"> 
     <img src="image.jpg" style="cursor: pointer; width: 77px; height: 62px; position: fixed; margin-right: 5px;"> 
    </div> 

    </div> 

</center>

風格：

<style> 
#container { float: center; } 

body { 
    padding: 25px; 
} 

</style>

任何幫助表示讚賞！

來源

2014-01-29 Alon Shmiel

移除了圖像的固定位置！ –

Reather然後把'position：fixed'放在你的'img'上，放在它的_container_上。 – Vucko

刪除您position: fixed;並提及你的CSS樣式像下面......不需要編寫不同的風格，每IMG ..

img 
{ 
    float: left; 
    width: 76px; 
    height: 60px; 
    margin-right: 5px; 
}

Fiddle

來源

2014-01-29 08:53:50 Karuppiah

謝謝！你可以把'avb'放在中心嗎？我用：text-align：center，但它不在中心。保證金：0不起作用.. –

@AlonShmiel：它實際上在中心試圖通過拖動使得小提琴的效果更大。 –

好的，我用過：保證金 - 右側：25％;它的工作原理..謝謝！ –

我相信float: left不起作用因爲你在圖像上有position: fixed。當我添加了這個CSS，並刪除了位置：修復它看起來幾乎和你的圖片一樣。

img{ 
    float: left; 
    margin-right: 5px; 
}

嘗試使用類而不是內聯樣式。 :)

來源

2014-01-29 08:56:32 Avisari

<center> 
<div id="container" style="width:700px;"> 

<div id="header" style="background-color:rgb(249,204,157);"> 
    <font style="margin-bottom:0; text-align: center;font-size: 50px;">avb</font> 
    <img src="image.jpg" style="cursor: pointer; width: 76px; height: 60px; float:left;"> 
    <img src="image.jpg" style="cursor: pointer; width: 66px; height: 59px; float:left;"> 
    <img src="image.jpg" style="cursor: pointer; width: 77px; height: 62px; float:left;"> 
</div> 

</div>

它似乎爲我工作..

來源

2014-01-29 08:57:56

謝謝！你可以把avb放在中心嗎？我用：text-align：center，但它不在中心。保證金：0不起作用。 –

把圖像在div的左邊，而無需使用保證金右

回答

相關問題