顯示內嵌不是爲我工作

您好所有我有這個劇本，我想，這個形象是一條線，而不是剎車等線，但我的代碼不能正常工作，請幫助我 HTML顯示內嵌不是爲我工作

<div class="history_slider"> 
    <img src="img/pic/red-bull.jpg"/> 
    <img src="img/pic/red-bull.jpg"/> 
    <img src="img/pic/red-bull.jpg"/> 
    <img src="img/pic/red-bull.jpg"/>   
</div>

CSS

.history_slider{ 
    position:relative; 
    width:900px; 
    height:500px; 
    outline:1px solid #d6d7db; 
    overflow:scroll; 
} 
.history_slider img{ 
    width:700px; 
    height:100%; 
    margin-left:125px; 
    margin-right:125px; 
    display:inline; 
    white-space: nowrap; 
}

I want like this 我想這樣

來源

2014-08-31 Val Do

我看不到任何腳本。只需HTML標記和CSS樣式。 – melancia 2014-08-31 19:56:33

不超過'margin-left：125px;'.'.history_slider { position：relative; width：900px; height：180px; \t提綱：1px solid＃d6d7db; overflow-x：scroll; \t overflow-y：hidden; } .history_slider img { width：100px; height：100px; margin：25px; display：inline; }' – AvrilAlejandro 2014-08-31 19:58:52

剛從移動white-space: nowrap;聲明到.history_slider選擇器。也許你必須調整寬度，因爲它們看起來並不合適。

此外，你似乎可以做一個初學者的課程，因爲這些確實是非常基本的事情。 This Google search包含這些教程的鏈接，根據您的學習風格（文本，文本以及實例，視頻等），您應根據這些鏈接自行選擇。

來源

2014-08-31 19:59:46

謝謝你的男士請投我的qustions – 2014-09-01 09:39:18

這是你追求的東西嗎？

http://jsfiddle.net/2p348Lep/

如果你希望有不同的圖像在同一行，確保它們不會超過div的寬度。在你的情況下，div是900px，而圖像是700px。

.history_slider img{ 
    display:inline-block; 
    white-space: nowrap; 
}

來源

2014-08-31 20:02:04

顯示內嵌不是爲我工作

回答

相關問題