如何防止图像拉伸以填充display：table-cell？

如何解决如何防止图像拉伸以填充display：table-cell？

| 我正在使用带有类的div来显示图像。 div还具有style = \“ display：table-cell \”（并且位于表行中）。由于某种原因，图像被垂直拉伸以填充表格单元格。当我删除display：table-cell时，图像看起来不错。我可以使用CSS修复此问题吗？怎么样？ 这是一些伪代码： 的HTML：

div class=\"image\" style=\"display:table-cell\"

CSS：

line-height: 34px;
-webkit-border-image: url\"button.png\") 0 5 0 5;