PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

求助,产品中心列表对齐问题? [复制链接]

1#

  1. .pro-zxyhhd-box{clear:both;overflow:hidden;}
  2. .pro-zxyhhd-box li{float:left;width:22%;margin-right:3%;overflow:hidden;}
  3. .pro-zxyhhd-box li.zxyhhd-wc3{margin-right:0px;}
  4. .pro-zxyhhd-box li a.pic{clear:both;overflow:hidden;display:block;width:100%;min-height: 300px;}
  5. .pro-zxyhhd-box li a.pic:hover img{}
  6. .pro-zxyhhd-box li img{display:block;width:100%;/*! height:100%; */position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
  7. .pro-zxyhhd-box li a.title{clear:both;overflow:hidden;display:block;margin:0.5em 0px;height:1.5em;line-height:1.5em;color:#666;font-size:14px;text-align:center;}
  8. .pro-zxyhhd-box li a.title:hover{color:#30405B;}
  9. .pro-zxyhhd-box li .jg{display:block;line-height:25px;color:rgb(51, 51, 51);font-size:12px;text-align:center;}
  10. .pro-zxyhhd-box li .jg em{font-size:21px;font-style:normal;}

  11. .sublanmupage .pro-zxyhhd-box li a.title{margin:1em 0px;}
  12. @media only screen and (max-width:480px)
  13. {
  14. .pro-zxyhhd-box li{width:100%;margin-right:0px;}
  15. .pro-zxyhhd-box li.zxyhhd-wc3{margin-right:0px;}
  16. .pro-zxyhhd-box li.zxyhhd-wc2{margin-right:0px;}
  17.   .pro-zxyhhd-box li a.pic{min-height: 400px;}
  18.   .pro-zxyhhd-box li img{max-height:85%;width:auto;max-width:80%}
  19. }
复制代码
一种方法是将图片替换成一样宽高的,这样也好看点
一种是修改一下css,
在comm.css文件中找到这一块,然后用上面的代码替换,
你试试
分享 转发
TOP
2#

我说的是把之前的替换掉,你却留在那里,这样会有冲突
TOP
3#


你清除一下浏览器缓存,应该就可以了
TOP
4#


找到这个class,在里面添加一句position:relative
TOP
发新话题 回复该主题