欢迎您来到亿优网络,领先的互联网基础服务专家!
如何将网站图片大小自适应高度并上下对齐?
做网站的朋友可能经常遇到网站上面展示的图片显示变形的问题,那么我们如何处理这个问题呢

首先我们分析一下,一般都是固定宽度,高度自动,这样显示比较好看些,如下图所示:

 
如何将网站图片大小自适应高度并上下对齐?
 

经过实验总结,将代码附出来大家可以参考下:

.resize { width:218px; height:218px;vertical-align:middle;line-height:218px;  }  //固定容器的高度和宽度,并设置上下对齐

.resize img { width:218px; height:auto !important;max-height:218px;vertical-align:middle;line-height:218px;  }  // 图片宽度固定,高度自适应

再将样式标签加到你的模板中去就行了。

有需要做企业网站的朋友,可以找我们了解一下宽屏网站制作,专业建网站公司为您做出精美的网站。

您的业务还没开展?马上  创建业务   或者   成为代理商

扫一扫进入手机网站
关于我们 | 联系我们 | 代理加盟 | 付款方式 | 公司资质 | 诚聘英才 | 服务条款 | 备案说明 | 帮助中心 | 站点地图 | 网站地图
《中华人民共和国增值电信业务经营许可证》B2-20060208 海外经营证:52892826-0208 鄂ICP备10204461号 鄂公网安备 42011102000425号
版权所有:武汉新一点网络科技有限公司 Copyright All Reserved. © 2005-2018 WWW.IDCIY.COM
售前咨询电话:027-86866258 售后技术支持:130-8067-8569、153-0718-1953
地址:中国.湖北.武汉市洪山区珞喻路360号 邮编:430000
ICP备案 中国网站安全防黑联盟 360网站安全监测
ICP备案