html - 图像未 overflow hidden :hidden

Question

我正在使用 jQuery 制作幻灯片，我有几张图片应该一次滑入一张图片。我正在使用宽度与图像宽度相同的 div:80 像素。我使用了 white-space:no-wrap 和 overflow:hidden，但它们并没有在 div 外制作一张图片，在 div 内制作一张图片。图片仍然紧挨着。
HTML:

<div>
<img src="http://k44.kn3.net/3EADB8415.jpg">
<img src="http://slodive.com/wp-content/uploads/2012/10/yorkie-poo-pictures/cute-yorkie-poo-picture.jpg">
</div>

CSS:

img{
    width:80px;
    border:1px solid gold;
}
div{
    width:80px
    white-space:no-wrap;
    overflow:hidden;
}

FIDDLE

Answer 1

您的 CSS 宽度语句后缺少分号。添加进去，CSS就生效了，隐藏图片

div{
    width:80px            <-- Missing semicolon!
    white-space:no-wrap;
    overflow:hidden;
}