不能有沒有邊距並排的圖像

我有我必須添加在HTML頁面上的Excel表格的圖像。我有6張圖片，其中前四張不需要並排（但不需要在它們之間留有空間），但最後兩張圖片必須並排（它們之間沒有邊距），因爲那張桌子是最初是在橫向模式下。我嘗試了不同的方法，但都沒有工作。我正在使用HTML和CSS。代碼如下。任何幫助將非常感激。我正在使用Eclipse Juno進行開發。不能有沒有邊距並排的圖像

//***Html file 

<div class="crop"> 
    <img src ="QATables/image1.png"> 
    <img src ="QATables/image2.png"> 
    <img src ="QATables/image3.png"> 
    <img src ="QATables/image4.png">  
    <img src ="QATables/image5.png" border="0"><img src ="QATables/image6.png" border="0"/> 


</div> 

    //*****CSS file 

    .crop img {width:850px; height:791px; margin: 0px;border-bottom:0}

來源

2013-01-15 T4000

添加兩個可用於樣式設計的類，一個用於不應該並排的應用，另一個用於應該設置的類。

<div class="crop"> 
    <img src ="QATables/image1.png" class="vertical"> 
    <img src ="QATables/image2.png" class="vertical"> 
    <img src ="QATables/image3.png" class="vertical"> 
    <img src ="QATables/image4.png" class="vertical">  
    <img src ="QATables/image5.png" class="horizontal"> 
    <img src ="QATables/image6.png" class="horizontal"> 
</div>

然後，你做這樣的事情：

.vertical { 
    margin-bottom: 10px; 
    display: block; /* Force images to be shown vertically */ 
} 

.horizontal { 
    float: left; 
}

DEMO

來源

2013-01-15 21:37:46

感謝您的建議，但沒有奏效。 – T4000

@ T4000你必須詳細說明。它以什麼方式不起作用？ –

對不起，我離開了我的辦公室一個小時。我所做的只是在CSS文件中創建兩個類「水平」和「垂直」，並在.html文件中做了少量更改。不幸的是，我沒有得到不同的結果，就好像這兩個文件沒有改變一樣。 – T4000

不能有沒有邊距並排的圖像

回答

相關問題