...我的图在浏览器里显示还是大图,并且不是横排列而是书排列_百度知 ...

发布网友发布时间：2024-04-16 00:57

共1个回答

热心网友时间：2024-04-18 05:22

你的代码有错误。

你的图在浏览器里显示大图是因为你的代码中指定了图片的显示大小。

而图片不是横排列而是竖向排列是因为如下代码有错误：首先，第九行</div class="picture">中多了一个“/”。使得原本的“插入开始”变成了“插入结束”从而导致图片竖向排列。其次，从第四、五行代码可以看出，你设定单幅图片宽度为333px，三幅图片总宽为999px，但三幅图片实际需要1020px才能正常显示。所以，如果这个参数不更改，会导致第一、二两幅图片并列排列，而第三幅图片则会另起一行显示。

解决办法：

去掉第九行</div class="picture">中的“/”。

减小单幅图片宽度picture img width:333px为326px，或增加总宽度picture width:999px到1020px，或者或者干脆将“.picture{width:999px;overflow:hidden;margin:auto} ”一句去掉。这样图片就是横向排列了。

如果只是想显示小图，则第二步省略，只需要更改“.picture img{width:333px;height:650px;float:left}
”语句中的width和height两个参数就可以了。

祝开心！