求一个图片平均分布样式

gudamzero gudamzero 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

希望css实现一个li平均分布的效果,基础要求是每行5列,第一列居左,最后一列居右,其他列的图片平均分布在剩余空间,图片与图片的间隔要是一样的。li数量不限。需要响应式适配,比如@media (max-width: 767px),我需要变更为一行3列,图片的大小也要跟着缩小。

html如下:

<div>
<ul>
  <li><a><img/></a></li>
<li><a><img/></a></li>
<li><a><img/></a></li>
<li><a><img/></a></li>
<li><a><img/></a></li>
<li><a><img/></a></li>
<li><a><img/></a></li>
<li><a><img/></a></li>
</ul>
</div>

 

...全文

相关推荐

评论 3
收藏 已收藏
分享
返回顶部
gudamzero
HTML5 43,737 成员 5,570 内容