显示内嵌不是为我工作

您好所有我有这个剧本，我想，这个形象是一条线，而不是刹车等线，但我的代码不能正常工作，请帮助我 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

显示内嵌不是为我工作

回答

相关问题