css 实现图片展示两边对齐效果

2018-01-27  本文已影响0人  彬彬彬boboc

看下图

两边图片是贴着边框的,正常的情况下设置margin-right:第三个图片还没挨到边,到一定的距离后就会跳到下一行去了,

如果要达到两边对齐的话,我们可以给 ul  设置一个更宽的宽度 外边的div宽度不变,这样 ul 就会溢出到外面去,这下 ul

已经够宽了,然后再设置 li  的 margin-right 让图片刚好贴着 div的边上,再让最外层的div设置overflow: hidden;  ul溢出的部分就

隐藏掉了;

原理就是这么简单

上一篇 下一篇

猜你喜欢

热点阅读