css的div控制折行一行有5个怎么写

假设图片的宽度为100px,高度为50px;那么5张就是500px,如果在加上图片之间的距离,比如每张之间为10px,那么总的宽度就是500px+40px=540px;那么你的div宽度可以设置540px;或者更大点也行!我以7张图片为例!div{width:540px;overflow:hidden;}div img{width:100px;height:50px;display:block;floa...
css的div控制折行一行有5个怎么写
假设图片的宽度为100px,高度为50px;那么5张就是500px,如果在加上图片之间的距离,比如每张之间为10px,那么总的宽度就是500px+40px=540px;那么你的div宽度可以设置540px;或者更大点也行!我以7张图片为例!
<head><style type="text/css">div{width:540px;overflow:hidden;}div img{width:100px;height:50px;display:block;float:left;margin-left:10px;}div img.first{margin-left:0px;}</style></head><body><div> <img class="first" src=""><img src=""><img src=""><img src=""><img src=""><img src=""><img src=""></div> </body>2013-05-24
计算每张图片宽度,算下5张图片宽度和间距总和,在输出图片外面套个总宽度的div即可。2013-05-24
不想计算图片的宽度,就在图片的样式上加浮动2013-05-24
mengvlog 阅读 60 次 更新于 2025-12-18 13:31:48 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部