关于CSS的，如何让多个（不确定的个数）图片显示在一行，且有横向滚动条，无纵向滚动条

html-css013

关于CSS的，如何让多个（不确定的个数）图片显示在一行，且有横向滚动条，无纵向滚动条,第1张

<div>        这里要加 overflow-x 这个属性

    <div>    这里是所有图片的容器

        <img>

        <img>

        <img>

    <div>

</div>

外面的容器你需要设置overflow-x:auto里面内容(图片)的总宽度只要超过容器的宽度就会出现滚动条，但有可能一种这样的情况出现的，你的图片如果超出容器的宽度，就会自动切换到下一行，这个时候要么你直接给装载所有图片的容器一个固定宽度，要么就通过js计算所有图片的总宽来决定包含图片的容器的总宽。

你好！这个当然是可以的啊。我布局一下给你，你参考一下：

<div style="width:100pxmargin:0px 10px 0px 0pxfloat:left"><img border="0" src="image/1.jpg" width="100" height="110" /></div>

<div style="width:210pxfloat:left">

<div style="width:100pxfloat:left"><img border="0" src="image/2.jpg" width="100" height="50" /></div>

<div style="width:100pxmargin:0px 0px 0px 10pxfloat:left"><img border="0" src="image/3.jpg" width="100" height="50" /></div>

<div style="width:100pxmargin:10px 0px 0px 0pxfloat:left"><img border="0" src="image/4.jpg" width="100" height="50" /></div>

<div style="width:100pxmargin:10px 0px 0px 10pxfloat:left"><img border="0" src="image/5.jpg" width="100" height="50" /></div>

</div>

以上都是按照你图像样式来做的，都是以图片布局形式，你可以参考一下。

希望我的回答能令你满意！