做网站的朋友可能经常遇到网站上面展示的图片显示变形的问题，那么我们如何处理这个问题呢

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

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

.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;  }  // 图片宽度固定，高度自适应

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

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